setInterval()的三种写法

一位莫得感情的码农

于 2021-01-28 15:38:24 发布

阅读量2.4k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：初级文章标签： javascript

本文链接：https://blog.youkuaiyun.com/gao158_qw/article/details/113343071

初级专栏收录该内容

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>