支持手机浏览的倒计时插件

收藏

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

0、请不要问“在不在”之类的问题，有问题直接问！1、学生或暂时没有工作的童鞋，整站资源免费下载！2、￥9.9充值终身VIP会员,加我微信，826096331 拉你进VIP群学习！3、程序员加油,技术改变世界。在线 充值

查看演示

加我微信，拉你进VIP群学习：

下载资源 下载积分： 30 积分

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);
        }
    });
});