返回顶部

收藏

JS 实现时间倒计时

更多
<script type="text/javascript">
var maxtime = 1350057600 //截止到的日期
var now=parseInt((new Date().getTime())/1000);//获取当前的日期
var cha_time=maxtime-now;//中间所差的时间

下面方法把相差的时间组合成倒计时的字符串,然后放到页面相应位置实现,实时刷新
function CountDown(){  
if(cha_time>=0){
var day = Math.floor(cha_time/3600/24);
var hour= Math.floor((cha_time/3600)%24);
var minutes = Math.floor((cha_time/60)%60);  
var seconds = Math.floor(cha_time%60);  
msg = "离结束还有"+day+"天"+hour+"小时"+minutes+"分"+seconds+"秒"; 
$(".ws_sg_con_big,.ws_sg_con_small").find("dd").html(msg);
--cha_time;  
}  
else{  
clearInterval(timer);  
alert("时间到,结束!");  
}  
}  
timer = setInterval("CountDown()",1000); 
</script>

标签:javascript

收藏

0人收藏

支持

0

反对

0

相关聚客文章
  1. Leon 发表 2018-03-28 14:10:00 本地使用js或jquery操作cookie在谷歌浏览器chrome中不生效
  2. 博主 发表 2017-11-05 11:42:25 原生 Javascript 编写五子棋
  3. 博主 发表 2017-11-01 15:24:51 原生 Javascript 编写俄罗斯方块
  4. 博主 发表 2017-09-28 01:50:55 jQuery 性能优化技巧
  5. 博主 发表 2017-11-05 11:42:39 原生 Javascript 编写贪吃蛇
  6. darida 发表 2018-03-25 14:51:31 文件预览 kkFileView v1.1 新增多媒体预览支持等
  7. Jiavan 发表 2016-03-05 12:06:00 ES中理解原型以及对象创建方式
  8. Jiavan 发表 2016-03-18 08:58:00 Javascript模块化编程及编写加载遵循AMD规范的代码
  9. Jiavan 发表 2016-03-24 12:11:00 JS事件分层及性能优化
  10. Jiavan 发表 2016-04-03 18:22:00 浅析JS中的自定义事件
  11. Jiavan 发表 2016-08-21 08:43:00 浅谈Flux架构及Redux实践
  12. Jiavan 发表 2016-08-26 03:26:00 Redux中间件与异步Action

发表评论