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

收藏

本文倒计时的数字由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); 
        } 
    }); 
});