首页 > javascript知识库 > javascript中定时器setInterval和setTimeout的区别和用法(原创)

javascript中定时器setInterval和setTimeout的区别和用法(原创)

2015年3月14日 发表评论 阅读评论

大家接触javascript应该有段时间了,相信大家在使用setInterval和setTimeout的时候都会有所问题,那么今天我就来用案例详细解说下他们之间到底有什么区别。
举例1:
<script type=”text/javascript”>
function tanchu_yici(){
alert(‘javascript中定时器setInterval和setTimeout的区别‘);
}
setTimeout(“tanchu_yici()”,1000);
</script>
首先定义一个javascript函数,名称为tanchu_yici,在函数下方通过使用setTimeout定时器触发函数执行,这个时候就是 setTimeout的具体用法了,很简单,tanchu_yici这个函数只会运行一次,而且是页面打开成功1秒之后才执行一次,只弹出一次 “javascript中定时器setInterval和setTimeout的区别”。
举例2:
<script type=”text/javascript”>
function tanchu_yizhitan(){
alert(‘javascript中定时器setInterval和setTimeout的区别‘);
setTimeout(“tanchu_yizhitan()”,1000);
}
tanchu_yizhitan();
</script>
那么这里先定义了一个函数,名称为tanchu_yizhitan,在代码执行到tanchu_yizhitan();行的时候,开始执行一次 tanchu_yizhitan,那么执行到tanchu_yizhitan内部的时候,再遇到setTimeout定时器,每个一秒又运行一次,这样就 成了一个循环,这样就会一直弹出:“javascript中定时器setInterval和setTimeout的区别”

那么setInterval和setTimeout有什么不同之处呢?我们通过下面的举例3和举例4来详细说明下js中2个定时器(setTimeout和setInterval)的具体区别

举例3:
<script type=”text/javascript”>
function tanchu_yizhitan(){
alert(‘javascript中定时器setInterval和setTimeout的区别‘);
}
setInterval(“tanchu_yizhitan()”,1000);
</script>
使用setInterval在外部调用的时候,这个函数会一直执行,也就会一直弹出,弹出很多次

举例4:
<script type=”text/javascript”>
function tanchu_yuelaiyueduo(){
alert(‘javascript中定时器setInterval和setTimeout的区别‘);
setInterval(“tanchu_yuelaiyueduo()”,1000);
}
tanchu_yuelaiyueduo();
</script>
举例4,如果在函数下方执行一次,在函数内部使用setInterval的话,后果不堪设想,因为是死循环+死循环,相当于第一次执行2次,第二次执行4次,这样就无敌了 …. 是2的N次方

相信大家通过上面的4个例子,肯定明白setTimeout和setInterval的具体区别了吧,js中2个定时器的具体区别和用法就介绍到这里了,原创内容,希望大家都能明白,其实很简单….

分类: javascript知识库 标签:
  1. 本文目前尚无任何评论.
您必须在 登录 后才能发布评论.
css.php