本文倒计时的数字由css3完成,不是背景图。若是用于手机站,你只要自定义字体大小即可,注意单位是rem。
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);
}
});
});
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791