javaScript 超时与间歇掉用

最新推荐文章于 2021-03-13 15:41:02 发布

黑暗浪子

最新推荐文章于 2021-03-13 15:41:02 发布

阅读量839

点赞数 1

分类专栏： javaScript+html5+CSS学习文章标签： javaScript DOM案例 javaScript

本文链接：https://blog.csdn.net/u012453619/article/details/38232337

版权

javaScript+html5+CSS学习专栏收录该内容

10 篇文章 0 订阅

订阅专栏

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