首页 > 代码库 > javaScript 超时与间歇掉用

javaScript 超时与间歇掉用

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>js的间歇与超时调用</title>
</head>
<body>
	<font id="time"></font>
</body>
</html>
<script type="text/javascript">
		//注意需要让当前的dom加载完全之后,再执行js代码
		var parent = document.getElementById('time');
		var time = new Date();
		var child = document.createTextNode('当前time:	'+time.toLocaleString());
		parent.appendChild(child);
		//利用setInterval设定相隔一秒更新时间
		var id = setInterval(function(){
					parent.removeChild(parent.firstChild);
					var child = document.createTextNode('当前time:	'+(new Date).toLocaleString());
					parent.appendChild(child);
				},1000);
				
		//利用setTimeout()延迟某代码的执行,同时利用clearTimeout()清除执行计划
		//1分钟后取消时间的更新
		var timeOut = function(){                    //取消时间更新                    if(confirm('确认不在更新时间?')){                        clearTimeout(id);                    }else{                        var result = prompt('输入任意值继续更新时间:','请输入参数');                        alert(result);                    }                }                setTimeout('timeOut()',1000*60);
</script>