javascript中setTimeout和setInterval函数的用法和实例

最新推荐文章于 2024-01-15 16:03:58 发布

最新推荐文章于 2024-01-15 16:03:58 发布 · 209 阅读

文章标签：

#JavaScript #ViewUI

javascript基础专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了JavaScript中的定时器setTimeout和setInterval的用法及其区别。通过示例代码展示了如何使用这两种定时器，并解释了如何通过clearInterval和clearTimeout来停止它们。这对于理解网页交互和动画效果实现非常有用。

1.用法
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
区别：
setTimeout(表达式,延时时间)；//只执行一次,无周期
setInterval(表达式,交互时间)；//周期＝'交互时间'

停止：
主要是利用
window.clearInterval(intervalID);
window.clearTimeout(timeoutID);

2.示例
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
<script>
  function testTimeout() {
   var kk = 1;
   //1.能够调用外部变量
   //setTimeout(function(){alert(kk);},2000);

   //2.在执行表达式内部结束这个定时器
   var intervalId = setInterval(function(){
                   if (kk++ == 3) clearInterval(intervalId);
                    alert(111);
                  }, 1000);
}
testTimeout();
</script>