正计时、倒计时

51 阅读 0 评论 34 点赞

我是靠谱客的博主合适项链，最近开发中收集的这篇文章主要介绍正计时、倒计时，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

这是正计时：

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