正計時、倒計時

這是正計時:
<font color="red"><h2>您在此頁面停留了:<div id="thenceThen"></div></h2></font>
<script type="text/javascript" language="javascript">
function thenceThen(timespan){
 var date1=new Date(timespan);
 var totalSecs=(new Date()-date1)/1000;
 var days=Math.floor(totalSecs/3600/24);
 var hours=Math.floor((totalSecs-days*24*3600)/3600);
 var mins=Math.floor((totalSecs-days*24*3600-hours*3600)/60);
 var secs=Math.floor((totalSecs-days*24*3600-hours*3600-mins*60));
 document.getElementById("thenceThen").innerHTML=days+"天"+hours+"小時"+mins+"分鐘"+secs+"秒";
}
function updateTime(time){
	var url = "__APP__/active/check/timestamp/" + new Date().getTime();
	jQuery.ajax({
		 type:"get",
		 data:"",
		 url: url,
		 dataType:'json',
		 success: function(msg){
			if(msg.ret==1){
				thenceThen(time);
			}
		 },
		 error: function(){
			 alert('error');
		 }
	});
}
var time = new Date();
window.οnlοad=function(){
 setInterval("thenceThen('"+time+"')", 500);
 setInterval("updateTime('"+time+"')", 1200000);
}
</script>
</pre><pre name="code" class="html">
這是倒計時:
<pre name="code" class="html"><!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>倒計時js代碼</title>
</head>
<body>
倒計時js代碼
<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('2015/12/26 10:00:00');
        var NowTime = new Date();
        var t =EndTime.getTime() - NowTime.getTime();
        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> 




發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章