js如何实现简单的时分秒倒计时效果（代码示例）

来源：动视网责编：小采时间：2020-11-27 19:29:34

js如何实现简单的时分秒倒计时效果（代码示例）

js如何实现简单的时分秒倒计时效果（代码示例）:本篇文章给大家带来的内容是介绍js如何实现简单的时分秒倒计时效果（代码示例）。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。效果：javascript： <script type="text/javascript"> function

推荐度：

点击下载本文 文档为doc格式

导读js如何实现简单的时分秒倒计时效果（代码示例）:本篇文章给大家带来的内容是介绍js如何实现简单的时分秒倒计时效果（代码示例）。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。效果：javascript： <script type="text/javascript"> function

本篇文章给大家带来的内容是介绍js如何实现简单的时分秒倒计时效果（代码示例）。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。

效果：

javascript：

 <script type="text/javascript">
 function countTime() {
 //获取当前时间
 var date = new Date();
 var now = date.getTime();
 //设置截止时间
 var endDate = new Date("2018-10-25 00:00:00");
 var end = endDate.getTime();
 //时间差
 var differTime = end - now;
 //定义变量,h,m,s保存倒计时的时间
 var h, m, s;
 if (differTime >= 0) {
 h = Math.floor(differTime / 1000 / 60 / 60);
 m = Math.floor(differTime / 1000 / 60 % 60);
 s = Math.floor(differTime / 1000 % 60);
 h = h < 10 ? ("0" + h) : h;
 m = m < 10 ? ("0" + m) : m;
 s = s < 10 ? ("0" + s) : s;
 document.getElementById("_h").innerHTML = h + "时";
 document.getElementById("_m").innerHTML = m + "分";
 document.getElementById("_s").innerHTML = s + "秒";
 setTimeout(countTime, 1000);

 } else {
 document.getElementById("_h").innerHTML = "00时";
 document.getElementById("_m").innerHTML = "00分";
 document.getElementById("_s").innerHTML = "00秒";
 }


 }
 </script>

HTML:　

<body onload="countTime()">
 <p class="timer">
 <span id="_h"></span>
 <span id="_m"></span>
 <span id="_s"></span>
 </p>
</body>

js如何实现简单的时分秒倒计时效果（代码示例）

推荐度：

点击下载本文 文档为doc格式

标签：实现 js 代码

热门焦点

js如何实现简单的时分秒倒计时效果（代码示例）

js如何实现简单的时分秒倒计时效果（代码示例）

js如何实现简单的时分秒倒计时效果（代码示例）

最新推荐

猜你喜欢

热门推荐