专注于高品质PHP技术等信息服务于一体 [STIEMAP] [RSS]

百度提供的广告:
JSCSS
当前位置:首页 > 技术文档 > JSCSS >  > 
js setInterva倒计时
<html>
<body>
<p>
<span id="h"></span>时
<span id="m"></span>分
<span id="s"></span>秒</p>
测试<p id="test"></p>
<script type="text/javascript">
var date = new Date();
var end_time = 60*60+3 + (date.getTime() / 1000);
function show_time()
{
    var date = new Date();
    var now_time = date.getTime() / 1000;    
    var seconds = Math.floor(end_time - now_time);
    document.getElementById("test").innerHTML = seconds;
    /**
     * 算法描述
     * 时间差为秒数 s
     * 小时 h = s / 60 / 60;
     * 分 m = (s - (h*60*60)) / 60
     * 秒 s = s%60;
     */
    //小时
    var hours = Math.floor(seconds/60/60);
    
    //分
    var minutes = Math.floor(((seconds - (hours*60*60))/60)%60);
    
    //秒
    var seconds = seconds%60;
    
    //输出到html
    document.getElementById("h").innerHTML = hours;
    document.getElementById("m").innerHTML = minutes;
    document.getElementById("s").innerHTML = seconds;
}
setInterval("show_time()",200);
</script>
</body>
</html>