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

最新推荐文章于 2025-05-18 11:34:44 发布

最新推荐文章于 2025-05-18 11:34:44 发布 · 157 阅读

文章标签：

#JavaScript #ViewUI

JavaScript 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了如何使用JavaScript的setInterval和clearInterval方法创建一个简单的窗口震动效果，通过改变窗口的位置来实现震动动画。

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

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>