码迷,mamicode.com
首页 > 其他好文 > 详细

DOM setTimeout() 和setInterval()用法

时间:2014-07-22 23:06:14      阅读:243      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   java   color   使用   

1、setTimeout() 

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

mamicode.com,码迷
      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时候就已经执行一遍了。例如下面这个例子,已经就执行了。

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

2、setInterval() 

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

DOM setTimeout() 和setInterval()用法,码迷,mamicode.com

DOM setTimeout() 和setInterval()用法

标签:style   blog   http   java   color   使用   

原文地址:http://www.cnblogs.com/d685600/p/3700579.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!