javaScript知识点总结-----setTimeout setInterval 区别

阿冰介

于 2016-08-23 13:10:46 发布

阅读量405

点赞数

CC 4.0 BY-SA版权

分类专栏： javaScript

本文链接：https://blog.youkuaiyun.com/dexing07/article/details/52289953

javaScript 专栏收录该内容

38 篇文章

订阅专栏

本文介绍了JavaScript中setTimeout和setInterval的使用方法及区别。setTimeout仅执行一次指定代码，而setInterval会周期性执行。通过一个简单的HTML示例展示了两种函数的实际效果。

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

setTimeout和setInterval的语法相同。它们都有两个参数，一个是将要执行的代码字符串，还有一个是以毫秒为单位的时间间隔，当过了那个时间段之后就将执行那段代码。
不过这两个函数还是有区别的，setInterval在执行完一次代码之后，经过了那个固定的时间间隔，它还会自动重复执行代码，

而setTimeout只执行一次那段代码。

<html>
    <head>
        <meta charset="utf-8">
        <title>实现tab切换效果</title>
<style type="text/css">

</style>
</head>
<body >
<button onclick="Interval()">触发setInterval()</button>
<button onclick="Timeout()">触发setTimeout()</button>
<script type="text/javascript">
function Interval(){
	setInterval("console.log('55')",2000);
}
function Timeout(){
	setTimeout("alert('66')",2000);
}
</script>
</body>
</html>

做了一个小的demo:

这是setInterval（）的输出结果，每一秒都会输出55；