html js精简 倒计时 代码

简洁实用的倒计时代码

 
<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>

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

你可能感兴趣的:(html,java-web)