javascript之时setTimeout()和setInterva

javascript之时setTimeout()和setInterva


2024年5月22日发(作者:)

javascript中时间暂停,或者定义几分钟秒钟后执行,或者每几秒钟重复运行,有着固定

的方法定义setTimeout()和setInterval().

设置暂停,然后执行方法setTimeout("参数1",参数2);

首先看例子

<script language="javascript">

function show_info()

{

alert("setTimeout方法测试!");

}

setTimeout(show_inof,1000);

</script>

运行上面的代码,页面打开1秒后,弹出"setTimeout方法测试!".里面的两个参数,第一

个表示要运行的函数(方法)名称,第二个是等待时间(单位是毫秒).

上面就是执行,当运行到setTimeout后,等待1秒,即可调用show_info函数,弹出

"setTimeout方法测试!";

在用setTimeout()时,可以给创建对应的一个名称(ID),再次举例.

<script language="javascript">

function show_info()

{

alert("setTimeout方法测试!");

}

var showinfo = setTimeout(show_inof,1000);

clearTimeout(showinfo);

</script>

看到 上面的例子,创建了一个showinfo,继而引出了下面的函数

clearTimeout(setTimeout()名称(ID));它是用来清除setTimeout的.

运行上面的例子,当运行到var showinfo = setTimeout(show_inof,1000);时,本来等

待1秒钟后弹出窗口,但是继续执行,因为继续执行到clearTimeout(showinfo);的时间小于

1秒,还没有等到弹出窗口时,setTimeout(show_inof,1000);就已经失效,所以不再弹出窗

口.

与setTimeout()类似,setInterval()方法是创建每隔某个时间反复运行的方法.

举例

<script language="javascript">

function show_info()

{

alert("setInterval方法测试!");

}

setInterval(show_inof,1000);

</script>

上面的代码执行后,每1秒都会弹出"setInterval方法测试!"的对话框.跟setTimeout

一样也存在清除setInterval运行的方法clearInterval(方法id或者名称).

<script language="javascript">

function show_info()

{

alert("setInterval方法测试!");

 clearInterval(showinfo);

}

 var showinfo = setInterval(show_inof,1000);

</script>

上面的代码执行一次就不再执行了,因为 clearInterval(showinfo);清除了重复弹出窗

口.

更多信息请查看IT技术专栏


发布者:admin,转转请注明出处:http://www.yc00.com/news/1716390223a2727641.html

相关推荐

发表回复

评论列表(0条)

  • 暂无评论

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信