html js精简倒计时代码

最新推荐文章于 2023-10-07 12:00:14 发布

boy_TJ

最新推荐文章于 2023-10-07 12:00:14 发布

阅读量963

点赞数

分类专栏： html java-web 文章标签： html javascript

本文链接：https://blog.csdn.net/TJLsir/article/details/76560928

版权

html 同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

java-web

5 篇文章 0 订阅

订阅专栏

简洁实用的倒计时代码

<!doctype html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <title>简单实用倒计时</title>
    </head> 

    <body> 

        <div id="CountMsg" class="HotDate"> 
            <span id="t_d">00天</span> 
            <span id="t_h">00时</span> 
            <span id="t_m">00分</span> 
            <span id="t_s">00秒</span> 
        </div> 
        <script type="text/javascript"> 
            function getRTime(){ 
            var EndTime= new Date('2017/8/2 10:00:00'); //截止时间 
            var NowTime = new Date(); 
            var t =EndTime.getTime() - NowTime.getTime(); 
            /*var d=Math.floor(t/1000/60/60/24); 
            t-=d*(1000*60*60*24); 
            var h=Math.floor(t/1000/60/60); 
            t-=h*60*60*1000; 
            var m=Math.floor(t/1000/60); 
            t-=m*60*1000; 
            var s=Math.floor(t/1000);*/

            var d=Math.floor(t/1000/60/60/24); 
            var h=Math.floor(t/1000/60/60%24); 
            var m=Math.floor(t/1000/60%60); 
            var s=Math.floor(t/1000%60); 

            document.getElementById("t_d").innerHTML = d + "天"; 
            document.getElementById("t_h").innerHTML = h + "时"; 
            document.getElementById("t_m").innerHTML = m + "分"; 
            document.getElementById("t_s").innerHTML = s + "秒"; 
            } 
            setInterval(getRTime,1000); 
        </script> 
    </body> 
</html>

静态图片参考
这里写图片描述

boy_TJ

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
html js精简倒计时代码

简洁实用的倒计时代码<!doctype html> <html> <head> <meta charset="utf-8"> <title>简单实用倒计时</title> </head> <body> <div id="CountMsg" class="HotDate"> <span id="t_d">00天<
复制链接

扫一扫