倒计时(距离活动结束还有X天X小时X分X秒)
2016-09-08 17:39
681 查看
一个简单的倒计时,可以设定结束时间,然后自动计算出距离活动结束还有X天X小时X分X秒。
废话不多说,上代码,挺简单的,代码里有注释:
View Code
废话不多说,上代码,挺简单的,代码里有注释:
// 活动倒计时 var time_end = new Date("2016/9/16 17:00:00"); // 将结束时间设定为国际标准时间 time_end = time_end.getTime(); //获得结束时间到1970/01/01之间的毫秒数 function show_time(){ var time_now = new Date(); // 获取当前时间 time_now = time_now.getTime(); //获取当前时间到1970/01/01之间的毫秒数 var time_distance = time_end - time_now; // 结束时间减去当前时间 var int_day, int_hour, int_minute, int_second; if(time_distance >= 0){ // 天时分秒换算 int_day = Math.floor(time_distance/86400000) //计算有多少天,向下取整 time_distance -= int_day * 86400000; //间隔时间减去天数 int_hour = Math.floor(time_distance/3600000) //计算剩余时间含有多少小时,向下取整 time_distance -= int_hour * 3600000; //再减去整数小时 int_minute = Math.floor(time_distance/60000) //计算剩余时间含有多少分钟,向下取整 time_distance -= int_minute * 60000; //再减去整数分钟 int_second = Math.floor(time_distance/1000) //计算剩余时间含有多少秒 // 时分秒为单数时、前面加零站位 if(int_hour < 10) int_hour = "0" + int_hour; if(int_minute < 10) int_minute = "0" + int_minute; if(int_second < 10) int_second = "0" + int_second; // 显示时间 $('.day').html(int_day); $('.hour').html(int_hour) $('.min').html(int_minute) $('.second').html(int_second) } }; window.setInterval(function(){show_time();}, 1000);
View Code
相关文章推荐
- js实现倒计时(距离结束还有)示例代码
- js实现倒计时(距离结束还有)示例代码
- 倒计时,今天是2016年8月25日,距离中秋还有多少时间
- IOS关于大型网站抢购、距活动结束,剩余时间倒计时的实现代码
- js指定日期倒计时,距离五一放假还有多久
- 距离2012还有多少秒?多少分?多少小时?
- 距离资本寒冬结束还有多久?
- 距离算法之美赠书活动截止还有最后2天
- 原生js倒计时,距离51放假还有多长时间
- iOS开发之-- 抢购、距活动结束,剩余时间倒计时
- 距离新年的第一天结束还有半个小时,写点感想
- Ubuntu Edge 筹资项目有奖活动推广活动还有三天结束
- js 倒计时,在html中显示,距离刷新还有几秒
- 取得“距离某天还有多少天多少小时”的函数
- 用javascript写的倒计时,从某年某月距离到今天还有多少时间
- 社交系统ThinkSNS+预售活动结束倒计时
- [活动]和Jeffery大师的最近距离
- 【转载】直到活动结束时的openeim
- 我们距离真正的移动办公,还有多远
- 前端小白距离优秀前端工程师还有多远