setInterval()的三种写法

最新推荐文章于 2025-05-29 23:26:41 发布

原创最新推荐文章于 2025-05-29 23:26:41 发布 · 2.4k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

初级专栏收录该内容

17 篇文章

订阅专栏

本文详细介绍了JavaScript中setInterval函数的三种常见用法：以字符串形式调用函数、直接在setInterval内写代码以及使用匿名函数传参执行。通过实例展示了如何设置定时器，每1秒弹出“hello”的对话框。对比了各种写法的优缺点，帮助理解setInterval的使用技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

setInterval的使用方法

setInterval(“fun()”,time)有两个参数；
fun()为要执行的函数；
time为多久执行一次函数，单位是毫秒；

我们做一个简单的例子，就是每隔1s弹出一个“hello”的对话框。

先看第一种写法，把方法体抽离出来，以字符串的形式调用函数名,这种写法调用函数名是不能传参的：

<script type="text/javascript">
  setInterval("hello()",1000);
  function hello(){
    alert("hello");
  }
</script>

第二种写法是把要执行的代码以字符串形式放在setInterval()的参数里,它可以传参数；个人不喜欢这种写法，拼接起来容易混淆。

<script type="text/javascript">
    var word = "hello";
    setInterval("alert('"+word+"')",1000);
</script>

第三种写法是把方法抽离出来，但不以字符串的形式调用函数名,使用它传递参数相对比较清晰；

<script type="text/javascript">
    setInterval(function(){
        hello("hello");
    },1000);
    function hello(word){
        alert(word);
    }
</script>