您的位置：首页 > Web前端 > JavaScript

js倒计时代码适合于本月促销-倒计时代码

2016-03-02 16:47 573 查看

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
<script src="jquery.SuperSlide.2.1.1.source.js"></script>
<body>
<div class="clockContainer clockContainer1 fl relative" data-timer="2016/3/31 23:59:59"> <span class="day fl timer">00</span><em class="tag fl">天</em> <span class="hour fl timer">00</span><em class="tag fl">时</em> <span class="minute fl timer">00</span><em class="tag fl">分</em> <span class="second fl timer">00</span><em class="tag fl">秒</em> </div>
<script src="jquery-1.9.1.min.js"></script>
<script src="aa.js"></script>
<script>
$(function(){
//new countDownTimer('.clockContainer');
$(".clockContainer").countDownTimer();
})
</script>
</body>
</html>

js部分代码

// JavaScript Document

(function($){
$.fn.countDownTimer=function(options){
var options = $.extend({},options);
return this.each(function(){
var _this = $(this);
var time =_this.attr("data-timer");
var day_elem = _this.find('.day');
var hour_elem = _this.find('.hour');
var minute_elem = _this.find('.minute');
var second_elem = _this.find('.second');
var end_time = new Date(time).getTime(),//月份是实际月份-1
sys_second = (end_time-new Date().getTime())/1000;
var timer = setInterval(function(){
if (sys_second > 1) {
sys_second -= 1;
var day = Math.floor((sys_second / 3600) / 24);
var hour = Math.floor((sys_second / 3600) % 24);
var minute = Math.floor((sys_second / 60) % 60);
var second = Math.floor(sys_second % 60);
day_elem && $(day_elem).text(day<10?"0"+day:day);//计算天
$(hour_elem).text(hour<10?"0"+hour:hour);//计算小时
$(minute_elem).text(minute<10?"0"+minute:minute);//计算分钟
$(second_elem).text(second<10?"0"+second:second);//计算秒杀
} else {
clearInterval(timer);
}
}, 1000);
});
}
})(jQuery);

程序原理。当前日期与当月最后一天的倒计时代码.

比如开始时间是3.1号。那活动截止日期是3月最后一天，也就是31号截止。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航

js倒计时代码 适合于本月促销-倒计时代码

js倒计时代码适合于本月促销-倒计时代码