javascript之时setTimeout()和setInterva
2014-08-15来源:易贤网

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技术专栏

2025公考·省考培训课程试听预约报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
推荐信息