分享

Window setTimeout()、clearTimeout()方法

 Alex847 2009-11-22
作者:风林
来源:风林的家

window.setTimeout()
回顶部

功能:用于在指定的毫秒数后调用函数或计算表达式。

语法:setTimeout(code,millisec)

参数:

  • code:在定时时间到时要执行的JavaScript代码串。
  • millisec:设定的定时时间,用毫秒数表示。

返回值:定时器的ID值,可用于clearTimeout()方法停止指定的定时器。

注:setTimeout()只执行code一次。如果要多次调用,可使用setInterval()或者让code自身再次调用setTimeout()。

window.clearTimeout()
回顶部

功能:取消由setTimeout()方法设置的定时器。

语法:clearTimeout(id_of_settimeout)

参数:

  • id_of_settimeout:由setTimeout()返回的ID值。该值标识了一个setTimeout定时器。
实例1
回顶部

秒计时器。

<script type="text/javascript">
var count = 0;
function timeCount()
{
  document.getElementById('timetxt').value = count;
  count++;
  setTimeout("timeCount()",1000);
}
</script>

<input type="button" value="开始计时" onclick="timeCount()" />
<input type="text" id="timetxt" size="5" />

这段代码的效果为:

实例2
回顶部

带停表功能的秒计时器。

<script type="text/javascript">
var count = 0;
var timeID;
function timeCount()
{
  document.getElementById('timetxt').value = count;
  count++;
  timeID = setTimeout("timeCount()",1000);
}
function stopCount()
{
  clearTimeout(timeID);
}
</script>

<input type="button" value="开始计时" onclick="timeCount()" />
<input type="text" id="timetxt" size="5" />
<input type="button" value="停止计时" onclick="stopCount()" />

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多