javascript：倒计时

倒计时功能实现

最新推荐文章于 2024-05-18 21:06:15 发布

原创最新推荐文章于 2024-05-18 21:06:15 发布 · 270 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #js倒计时 #倒计时

js 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一个简单的网页倒计时功能实现方法，通过JavaScript获取当前时间和指定结束时间，计算并实时展示剩余时间。

<span id="time"></span>

<script>
//定时执行fun函数
setInterval('fun()',100);

function fun(){
  //获取系统时间 
  var time1=new Date();
  //定义倒计时期限
  var time2=new Date(2022,5,22,12,00,00);
  //计算剩余秒
  tt=(time2-time1)/1000;
  //计算剩余天数
  aa=parseInt(tt/3600/24);
  //计算剩余小时
  bb=parseInt(tt/3600%24);
  //计算剩余分钟
  cc=parseInt(tt/60%60);
  //计算剩余秒数
  dd=parseInt(tt%60);
  //写入到span里，写入内容为剩余时间
  document.getElementById('time').innerHTML="剩余"+aa+"天"+bb+"小时"+cc+"分钟"+dd+"秒";
}
</script>