首页 > 代码库 > DOM setTimeout() 和setInterval()用法

DOM setTimeout() 和setInterval()用法

2024-07-02 03:31:31   225人阅读

1、setTimeout() 

    setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。具体的格式是这样的setTimeout(code,millisec) 其中code是要执行的代码或者function，而millisec是间隔的时间(毫秒数)

      function empty_error(obj)
        {
            var delay = 200;
            var toggleErr = function ()
            {
                obj.addClass("empty_error");
                setTimeout(function () { obj.removeClass("empty_error"); }, delay);
            }
            toggleErr();
            setTimeout(toggleErr, delay * 2);
        }
empty_error()

   就是在delay200毫秒后执行function函数，function函数是移除样式class。这个要注意，在把这个函数赋值给toggleErr时候就已经执行一遍了。例如下面这个例子，已经就执行了。

<html>
<head>
<script type="text/javascript">
function timedMsg()
{
var t=setTimeout("alert(‘5 seconds!‘)",5000)
}
</script>
</head>
<body>
<form>
<input type="button" value="http://www.mamicode.com/Display timed alertbox!"
onClick="timedMsg()">
</form>
</body>
</html>
View Code

2、setInterval() 

setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。上面第一个例子就是这样


联系
我们