javaScript中定时&定时循环方法

最新推荐文章于 2023-07-19 16:10:53 发布

GuessHat

最新推荐文章于 2023-07-19 16:10:53 发布

阅读量2.5k

点赞数

分类专栏： # javaScript 文章标签： Web

本文链接：https://blog.csdn.net/Guesshat/article/details/107429363

版权

javaScript 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

javaScript中定时&定时循环方法

1.setInterval(要执行的代码，间隔时间数)

按照指定周期调用，调用时间数是毫秒级
案例：
在浏览器上显示时间，并且每过一秒更新一下时间

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
		<span></span>
		
		<script type="text/javascript">
			var span = document.getElementsByTagName("span")[0];
			//会返回一个值，可以用来关闭此循环
			 var int = setInterval(function(){
				 var date = new Date;
				span.innerText = date.toLocaleTimeString()
			},1000)
		</script>
	</body>
</html>

如果已经定义了一个函数，在传入是正确的是（“函数名()”，1000) 和 (函数名，1000)，但是 (函数名(),1000) 是错误的

2.clearInterval(参数)关闭定时循环

因为setInterval（）调用时会返回一个数字，将改数字传入clearInterval中就可以关闭指定的定时循环

3.setTimeout(代码块，时间数)

在指定的时间数后调用次代码块
案例：
在3秒后浏览器显示图片

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		
		<img src=""/>
		
		<script type="text/javascript">
			setTimeout(function (){
				var img = document.getElementsByTagName("img")[0];
				img.src="img/1.jpg";
			},3000)
		</script>

	</body>
</html>

4.clearTimeout(参数)

关闭setTimeout事件,参数是setTimeout返回的ID值

GuessHat

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javaScript中定时&定时循环方法

javaScript中定时&定时循环方法1.setInterval(要执行的代码，间隔时间数)按照指定周期调用，调用时间数是毫秒级案例：在浏览器上显示时间，并且每过一秒更新一下时间<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <span>&
复制链接

扫一扫