`

网页上适时显示的时间&倒计时

阅读更多
<html>
<head>
<title>网页上适时显示的时间</title>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
<script language="JavaScript">
var timerID = null;
var timerRunning = false;
function stopclock (){
	if(timerRunning)
		clearTimeout(timerID);
	timerRunning = false;
}
function startclock () {
	stopclock();
	showtime();
}
function showtime () {
	var now = new Date();
	var hours = now.getHours();
	var minutes = now.getMinutes();
	var seconds = now.getSeconds()
	var timeValue = now.getYear()+"年"+(now.getMonth()+1)+"月"+now.getDate()+"日" +((hours >= 12) ? " 下午 " : " 上午 " )
	timeValue += ((hours >12) ? hours -12 :hours)
	timeValue += ((minutes < 10) ? ":0" : ":") + minutes
	timeValue += ((seconds < 10) ? ":0" : ":") + seconds
	document.clock.thetime.value = timeValue;
	timerID = setTimeout("showtime()",1000);
	timerRunning = true;
}
</script>
</head>
<body onload="startclock()">
	<form name="clock">
		<input name="thetime" style="font-size:9pt;border:1px solid #FFFFFF;" size="28">
	</form>
</body>
</html>


网页中常见的10秒倒计时
 var i=10;
 var id=setInterval("fun1()",1000);
 function fun1(){
   if(i==0)
   {
       window.location.href="index.html";
       clearInterval(id);           
   }
   else
   {
       document.getElementById("span1").innerHTML=i;
       i--;
    }
  }
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics