javascript之定时器

最新推荐文章于 2023-04-17 09:54:01 发布

youknowml

最新推荐文章于 2023-04-17 09:54:01 发布

阅读量124

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/yrhlyyouknow/article/details/107710291

版权

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

运行结果：
在这里插入图片描述

youknowml

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript之定时器

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript"> window.onload=function(){ var count=document.getElementById("count"); //使count 中的内同，自动切换
复制链接

扫一扫