码迷,mamicode.com
首页 > 其他好文 > 详细

时间倒计时

时间:2015-07-13 15:35:46      阅读:95      评论:0      收藏:0      [点我收藏+]

标签:

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>简单易用的倒计时js代码</title>
    <style>
        *{ margin:0; padding:0; list-style:none;}
        body{ font-size:18px; text-align:center;}
        .time{ height:30px; padding:200px;}
    </style>
</head>
<body>
<div class="time">
    <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>
    function GetRTime(){
        var EndTime= new Date(2015/07/14 00:00:00);
        var NowTime = new Date();
        var t =EndTime.getTime() - NowTime.getTime();
       
        var d=0;
        var h=0;
        var m=0;
        var s=0;
        if(t>=0){
            d=Math.floor(t/1000/60/60/24);
            h=Math.floor(t/1000/60/60%24);
            m=Math.floor(t/1000/60%60);
            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,0);
</script>

</body>
</html>

 

时间倒计时

标签:

原文地址:http://www.cnblogs.com/yjhua/p/4642768.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!