简单倒计时的实现

系统管理员 2022-09-11 13:15 345阅读 0赞

简单倒计时的实现,需要请自取

  1. <script>
  2. /*
  3. 倒计时 = 目标时间 - 现在时间;
  4. */
  5. // 解决一秒延迟
  6. auto();
  7. // 每隔1S 计算一遍差值
  8. setInterval(auto, 1000);
  9. function auto() {
  10. // 创建当前时间
  11. var cur = new Date();
  12. // 创建目标时间
  13. var fur = new Date('2021,1,1,0:0:0')
  14. console.log(cur, fur);
  15. // 求差
  16. var cha = fur - cur;
  17. console.log(cha);
  18. // 求秒 smhd
  19. var s = parseInt(cha / 1000 % 60);
  20. console.log(s);
  21. // 求分
  22. var m = parseInt(cha / 1000 / 60 % 60);
  23. console.log(m);
  24. // 求时
  25. var h = parseInt(cha / 1000 / 60 / 60 % 24);
  26. console.log(h);
  27. // 求天
  28. var d = parseInt(cha / 1000 / 60 / 60 / 24);
  29. console.log(d);
  30. // 输出到页面
  31. document.body.innerHTML = '距离放假还剩:' + d + '天' + h + '时' + m + '分' + s + '秒'
  32. }
  33. </script>

2021091622123978.png

发表评论

表情:
评论列表 (有 0 条评论,345人围观)

还没有评论,来说两句吧...

相关阅读

    相关 js简单计时

    涉及的知识点       setTime() setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。 1.提示: 1000 毫秒= 1 秒。 2.提示

    相关 js简单计时

    不想每次用倒计时,都现写代码,比较烦,这里记一下,也顺便分享一些倒计时简单的逻辑。 如果你有更简单方便的代码,可以分享给大家。 var method = {