倒计时载入页面

前端之家收集整理的这篇文章主要介绍了倒计时载入页面前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

下面是编程之家 jb51.cc 通过网络收集整理的代码片段。

编程之家小编现在分享给大家,也给大家做个参考。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<Meta http-equiv="refresh" content="10;url=http://www.baidu.com">
<Meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
	startday=new Date();
	clockStart=startday.getTime();
	function initWatch(){
		var myTime=new Date();
		var timeNow=myTime.getTime();
		var timeDiff=timeNow-clockStart
		this.diffSecs=timeDiff/1000;
		return (this.diffSecs);
	}
	function getSecs(){
		var mySecs=initWatch();
		var mySecs1=""+mySecs;
		mySecs1=10-eval(mySecs1.substring(0,mySecs1.indexOf(".")))+"秒";
		document.form1.timespent.value=mySecs1;
		window.setTimeout('getSecs()',1000);
	}
	//利用Meta加载页面 content设置载入时间 url为载入页面URL地址
	//并计算载入时间
</script>
<title>倒计时载入页面</title>
</head>
<body onload="window.setTimeout('getSecs()',1)">
<center>
	10秒后加载页面:
	<form name="form1">
		<input size=9 name='timespent'>
	</from>
</center>	
</body>
</html>

以上是编程之家(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

猜你在找的CSS相关文章