倒计时

最新推荐文章于 2021-11-16 01:31:16 发布

李尚书

最新推荐文章于 2021-11-16 01:31:16 发布

阅读量108

点赞数

分类专栏：模块功能代码文章标签： JS 函数倒计时

本文链接：https://blog.csdn.net/weixin_39200549/article/details/82944033

版权

模块功能代码专栏收录该内容

13 篇文章 0 订阅

订阅专栏

<head>
<meta charset="UTF-8">
<title></title>
 <style type="text/css">
		    div{
		    	width: 100%;
		    	text-align: center;
		    	font-size: 35px;
		    	}	
			#_d,#_h,#_m,#_s{
				font-size: 45px;
				color: red;
			}
	</style>

距离2020年十一放假还有 00 天 00 小时 00 分钟 00 秒

	 <script type="text/javascript">
  	 	 function countTime() {
        //获取当前时间
        var date = new Date();
       // var now = date.getTime();
        //设置截止时间
        var endDate = new Date("2020-10-01 00:00:00");
       // var end = endDate.getTime();
        //时间差
      //  var leftTime = end-now;
      	var leftTime =endDate-date;
      
        //定义变量 d,h,m,s保存倒计时的时间
        var d,h,m,s;
        if (leftTime>=0) {
            d = Math.floor(leftTime/1000/60/60/24);
            h = Math.floor(leftTime/1000/60/60%24);
            m = Math.floor(leftTime/1000/60%60);
            s = Math.floor(leftTime/1000%60);                   
        }
        //将倒计时赋值到div中
        document.getElementById("_d").innerHTML = d < 10 ? "0" + d : '' + d;
        document.getElementById("_h").innerHTML = h < 10 ? "0" + h : '' + h;
        document.getElementById("_m").innerHTML = m < 10 ? "0" + m : '' + m;
        document.getElementById("_s").innerHTML = s < 10 ? "0" + s : '' + s;
        
        //递归每秒调用countTime方法，显示动态时间效果
        setTimeout(countTime,1000);
    
  	 	 }
</script>

李尚书

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
倒计时

&lt;head&gt;&lt;meta charset="UTF-8"&gt;&lt;title&gt;&lt;/title&gt; &lt;style type="text/css"&gt; div{ width: 100%; text-align: center; font-size: 35px; }
复制链接

扫一扫