setTimeout()和setInterval()方法的区别？_document对象的setlnterval什么方法与settimeout什么方法的区别在于-优快云博客

本文链接：https://blog.youkuaiyun.com/lcl1422426694/article/details/79264640

定义和用法

setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。

setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

     setTimeout(表达式,延时时间)在执行时,是在载入后延迟指定时间后,去执行一次表达式,次数是一次 。而setInterval(表达式,交互时间)则不一样,它从载入后,每隔指定的时间就执行一次表达式。故两者完全不同。
    setTimeout() 实例：<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
<form>
    <input type="button" value="setTimeout方法"
           onClick="timedMsg()">
</form>
</body>
<script type="text/javascript">
    function timedMsg()
    {
        setTimeout("alert('setTimeout方法!')",1000)
    }
</script>
</html>
 setInterval() 实例：<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="text" id="clock" size="35" />
<script language=javascript>
    var int=self.setInterval("clock()",50)
    function clock()
    {
        var date=new Date()
        var date1 =date.toLocaleString();
        document.getElementById("clock").value=date1
    }
</script>
</form>
<button οnclick="int=window.clearInterval(int)">
    clearInterval方法</button>
</body>
</html>
     有些人习惯于将setTimeout包含于被执行函数中,然后在函数外再次使用setTimeout来达到定时执行的目的 
     这样,函数外的setTimeout在执行函数时再次触发setTimeout从而形成周而复始的定时效果 

     使用的时候各有各的优势，使用setInterval，需要手动的停止tick触发。而使用方法中嵌套setTimeout，可以根据方法内部本身的逻辑不再调用setTimeout就等于停止了触发。