用js写倒计时

最新推荐文章于 2023-02-07 15:51:45 发布

赵海辛

最新推荐文章于 2023-02-07 15:51:45 发布

阅读量548

点赞数

分类专栏： JavaScript 文章标签： javascript html5 web

本文链接：https://blog.csdn.net/zhaohaixin0418/article/details/53910137

版权

本文介绍了使用JavaScript编写网页倒计时的方法，强调了在计算过程中天、时、分、秒换算及单数前的零占位处理技巧。

摘要由CSDN通过智能技术生成

写倒计时，首先我们需要想到的是要设定时间和获取当前时间，然后两者相减就可以。但是这里需要注意的是天、时、分、秒的换算，时分秒为单数时，前面要加零占位。

方法一：

<body>
   <div id="times_wrap" class="time_num">
       <p>距离结束时间：</p>
       <div class="time_w">
           <b id="times_d" class="time"> </b>天
           <b id="times_h" class="time"> </b>时
           <b id="times_m" class="time"> </b>分
           <b id="times_s" class="time"> </b>秒
       </div>
   </div>
</body>

<script type="text/javascript">
   var times = setTimeout("show_time()",1000);
   var time_wrap = document.getElementById("times_wrap");
   var time_d = document.getElementById("times_d");
   var time_h = document