支持手机浏览的倒计时插件_日期时间_倒计时_倒计时

本文倒计时的数字由css3完成，不是背景图。若是用于手机站，你只要自定义字体大小即可，注意单位是rem。

淘建站为您提供更多_日期时间_倒计时_倒计时，在此特别感谢您对我们的支持与厚爱！

查看演示

演示不了，点击反馈

加入收藏

下载 400 次

下载资源

35 积分

特别说明：本站资源来自网友发布分享，仅供学习与参考，请勿用于商业用途，若有侵权请联系删除(272966172@qq.com)。

举报/反馈

分类：日期时间 > 倒计时难易程度：中级

HTML

<div class='end_times'>
    <div id="countdown"></div>
    <p id="note"></p>
</div>

引入countdown插件

<link rel="stylesheet" type="text/css" href="assets/countdown/jquery.countdown.mobile.css" />
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="assets/countdown/jquery.countdown.js"></script>

jQuery新年倒计时

$(function() {
    var note = $('#note');
    var ts = (new Date("2016-02-08")).getTime();
    $('#countdown').countdown({
        timestamp: ts,
        callback: function(days, hours, minutes, seconds) {

            var message = "距离2016新年还有";

            message += days + "天" + (days == 1 ? '' : '') + "";
            message += hours + "小时" + (hours == 1 ? '' : '') + "";
            message += minutes + "分" + (minutes == 1 ? '' : '') + "";
            message += seconds + "秒" + (seconds == 1 ? '' : '') + "";
            message += "...";
            note.html(message);
        }
    });
});