`
kuncy
  • 浏览: 3191 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
最近访客 更多访客>>
社区版块
存档分类
最新评论

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

阅读更多
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>
0
0
分享到:
评论

相关推荐

    window.clearInterval与window.setInterval的用法.

    ### window.clearInterval与window.setInterval的用法 在前端开发中,经常需要用到定时器来实现某些功能,例如计时器、轮播图等。而`window.setInterval`和`window.clearInterval`是JavaScript中用于处理定时任务的...

    震屏as3版实用

    在“震屏as3版实用”这个主题中,我们可以深入探讨如何利用AS3实现这一特效。首先,我们需要理解AS3中的基本概念,如舞台(Stage)、显示对象(DisplayObject)、时间轴控制(Timeline Control)和事件处理(Event ...

    setInterval与clearInterval的使用示例代码

    在实际应用中,`setInterval` 和 `clearInterval` 有广泛的应用场景,例如实时数据更新、动画效果、轮询服务器等。需要注意的是,`setInterval` 不是精确的定时器,因为JavaScript执行是单线程的,如果有其他耗时的...

    Js动画效果-setInterval(function,time)的主要应用

    本篇文章将深入探讨`setInterval()`的主要应用,并通过一个简单的示例来演示其工作原理。 首先,`setInterval()`的基本语法是`setInterval(function, time)`,其中`function`是你想要周期性执行的函数,而`time`...

    CSS3 translate实现轮播图丝滑般翻页,setInterval实现定时器等常见操作。

    为了提供更好的用户体验,通常还会添加暂停和恢复播放的功能,这可以通过`clearInterval`函数实现,当用户鼠标悬停在轮播图上时暂停定时器,离开时恢复。 在提供的"js-轮播图"文件中,可能包含了实现这些功能的...

    setInterval 引起的性能问题

    如果一个`setInterval`的任务没有被清除(通过`clearInterval`),那么即使相关组件已被卸载,这个定时器仍然会继续执行,占用内存资源。这在处理动态生成的元素或用户交互时尤其需要注意。 另外,`setInterval`的...

    setInterval

    `setInterval`是JavaScript定时器API的一部分,用于实现定时任务,比如周期性地更新页面内容、轮询服务器数据等。在这篇博客中,我们将深入探讨`setInterval`的工作原理、常见用法以及需要注意的陷阱。 首先,我们...

    导航栏抖动效果--jquery实现

    这可以通过修改导航栏的位置来实现,我们可以使用`setInterval`函数每隔一定时间改变导航栏的left值: ```javascript function shakeNavbar() { var navbar = $('.navbar'); var originalLeft = parseInt(navbar....

    动态时钟,利用setInterval

    这可以通过`clearInterval`函数实现,传入之前`setInterval`返回的`interval ID`: ```javascript clearInterval(clockInterval); ``` 在学习`setInterval`的过程中,你可能还会遇到`setTimeout`函数,它与`...

    Javascript定时器(二)——setTimeout与setInterval

    在这个主题中,我们将深入探讨`setTimeout`和`setInterval`这两个核心定时器函数,它们在JavaScript中的应用以及它们之间的区别。 首先,`setTimeout`函数用于在指定的毫秒数后调用一个函数或执行一段代码。它的...

    js中SetInterval与setTimeout用法.pdf

    JavaScript 中的 SetInterval 与 setTimeout 用法 在 JavaScript 中,SetInterval 和 setTimeout 是两种常用的定时器函数,用于实现延迟执行或重复执行某些操作。本文将详细介绍这两种函数的用法和区别。 ...

    关于setInterval定时器的使用示例

    在JavaScript中,`setInterval`是一个非常常用的函数,用于定期执行某个函数或代码块。它在Web开发中扮演着重要...通过合理使用`setInterval`,我们可以构建出动态、响应式的Web应用程序,同时也要注意性能和用户体验。

    setInterval全面的介绍

    在JavaScript编程语言中,`setInterval`是一个非常重要的函数,它被广泛应用于各种场景,尤其是在处理定时任务、实现动画效果等方面。本文将对`setInterval`进行一次全面而深入的探讨,包括其基本用法、工作原理以及...

    js中SetInterval与setTimeout用法

    JS 中 SetInterval 与 setTimeout 用法 在 JavaScript 中,SetInterval 和 setTimeout 是两种常用的定时器函数,用于实现延迟执行或重复执行某些操作。下面我们将详细讲解这两种函数的区别和用法。 SetTimeout ...

    Javascript中, setTimeout() 和 setInterval() 的方法

    在JavaScript编程中,`setTimeout()`和`setInterval()`是两个非常关键的函数,它们用于实现异步编程,特别是在处理动画、定时任务或者延迟执行代码时不可或缺。这两个函数都是全局对象`window`的方法,它们的区别...

    Java Script中setinterval怎么用?怎么才能让setinterval停下来?.pdf

    有时候我们需要能够根据程序运行的情况来停止`setInterval`,这可以通过调用`clearInterval`函数实现。 #### `clearInterval`的基本语法 ```javascript clearInterval(intervalID); ``` - **intervalID**:由`...

    setinterval()与clearInterval()JS函数的调用方法

    JavaScript中的setInterval()与clearInterval()是两个用于定时执行代码的功能强大的函数,它们属于Web API的一部分,也是前端开发中常用的技术。 首先,setInterval()函数允许我们以固定的时间间隔重复执行某个任务...

    tickable-interval:手动勾选 setInterval clearInterval

    可滴答间隔 手动勾选setInterval / clearInterval安装npm: npm install tickable-interval应用程序接口TickableInterval TickableInterval()实例属性callback: function delay: number remain: number实例方法set...

    js代码-settimeout 模拟实现 setinterval(带清除定时器的版本)

    使用这两个自定义函数的方式与原生的`setInterval`和`clearInterval`相同: ```javascript const timerId = mySetInterval(() =&gt; console.log('Hello, world!'), 1000); // ... myClearInterval(timerId); ``` ...

Global site tag (gtag.js) - Google Analytics