JavaScript有关定时器的使用方法

JavaScript有关定时器的使用方法

     JavaScript中的定时器是一个非常有意思的一个功能,它能每隔你设定
 的时间执行一段代码,比如每隔6秒页面弹出一个提示框、还有像一些比较常见
 的网站都有每隔几秒切换一张图片等等,这都是定时器的功劳,是不是觉得很
 有意思呢?接下来我带大家来感受一下定时器的魅力!
	
	 
    JavaScript中的定时器有两种都是非常实用的,第一种是延时型定时器,
打开网页后就开始计时,到了你设定的时间就执行代码,注意这种定时器只会
执行一次!

代码如下:

  //到1000毫秒(1秒)后执行一次函数,只执行一次(延时型)
  setTimeout(show,1000);  
	 第二种是间隔型定时器,它能每隔几秒重复执行这一段代码,这种定
时器在很多网站都是比较常见的,比如每隔几秒切换一张图片的轮播图等等,
可以说这种定时器是非常使用的一种!

代码如下:

 //每隔1000毫秒(1秒)执行一次函数(间隔型)
 setInterval(show,1000);
     如果我们想要到某一个条件取消间隔型定时器,就要定义一个变量
来接收间隔型定时器返回值!

代码如下:

//开启定时器(这个代码的作用是在页面中每隔1秒弹出一个字母a)
timer = setInterval(function(){
				alert('a');
			},1000);

//关闭定时器
clearInterval(timer);

     最后,有关JavaScript中的定时器宝宝就介绍到这里了,如果有哪位侠
客觉得宝宝的说法有错误的,欢迎各位侠客在下方评论区留言,谢谢大家!

在这里插入图片描述

发布了6 篇原创文章 · 获赞 5 · 访问量 132

猜你喜欢

转载自blog.csdn.net/jianjianshini/article/details/103763567
今日推荐