setInterval与clearInterval的应用--实现震屏

最新推荐文章于 2023-02-02 10:38:31 发布

kuncy

最新推荐文章于 2023-02-02 10:38:31 发布

阅读量118

点赞数

分类专栏： JavaScript 文章标签： JavaScript ViewUI

JavaScript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

setInterval(code,millisec) 按照指定的周期来调用函数,返回值为定时器的ID值
code-->在定时时间到时要执行的JavaScript代码
millisec-->设定的定时时间，用毫秒数表示。

clearInterval(idofsetInterval)取消由setInterval()方法设置的定时器。

eg:


<html>
<head>
<title>Example of move screen</title>
<script type="text/javascript" language="javascript">
   window.resizeTo(400, 400);//改变窗口大小.

    var loop = 0; //震动次数
    var timer ;   //定时器
    var X;
    var Y;
    var dir = 1; //震动方向 1为正,-1为反

    timer =  setInterval( 
                    function() {
                      window.moveTo(400,150); //改变窗口位置
                      if( loop > 100 ){
                          clearInterval( timer );
                      }
                      dir = Math.random()*10 > 5? 1: -1;
                      X = Math.random()*5*dir;
                      Y = Math.random()*5*dir;
                      window.moveBy(X,Y); //偏移
                      loop++;
                    },10);//每隔10毫秒震动一次
</script>
</head>
</html>

kuncy

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
setInterval与clearInterval的应用--实现震屏

setInterval(code,millisec) 按照指定的周期来调用函数,返回值为定时器的ID值code-->在定时时间到时要执行的JavaScript代码millisec-->设定的定时时间，用毫秒数表示。clearInterval(idofsetInterval)取消由setInterval()方法设置的定时器。eg:[code="java"]Ex...
复制链接

扫一扫

专栏目录