JS基础-定时器简介-尚硅谷-P127

最新推荐文章于 2022-04-10 19:47:05 发布

比目鱼～

最新推荐文章于 2022-04-10 19:47:05 发布

阅读量391

点赞数

分类专栏： JS 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_43624193/article/details/122751773

版权

JS 专栏收录该内容

23 篇文章 3 订阅

订阅专栏

视频链接：
视频

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			window.onload=function(){
				//
				var count=document.getElementById("count");
				//使count中的内容自动切换
				// count.innerHTML="2";
				/**
				 * setInterval()
				 * --可以将一个函数每隔一段时间执行一次
				 * ---参数：1.回调函数
				 * --------2.每次调用间隔的时间，单位是毫秒
				 * 返回值：
				 * ---会返回一个Number类型的数据
				 * ---这个数字用来作为定时器的唯一标识
				 * ---				 
				 */
				var num=1;
				var timer=setInterval(function(){
					count.innerHTML=num++;
					if(num==11){
						//关闭定时器
						clearInterval(timer);
					}
				},1000);
			//	console.log(timer);
				//clearInterval可以用来关闭一个定时器
				//方法中需要一个定时器的标识作为参数，这样将关闭标识对应的定时器
				
			}
		</script>
	</head>
	<body>
		<h1 id="count">1</h1>
	</body>
</html>

比目鱼～

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JS基础-定时器简介-尚硅谷-P127

视频链接：视频<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> window.onload=function(){ // var count=document.getElementById("count"); //使count中
复制链接

扫一扫