`
kuncy
  • 浏览: 3100 次
  • 性别: 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
分享到:
评论

相关推荐

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

    关于setInterval定时器的使用示例

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

    导航栏抖动效果--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`函数用于在指定的毫秒数后调用一个函数或执行一段代码。它的...

    setInterval 引起的性能问题

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

    js中SetInterval与setTimeout用法.pdf

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

    js中SetInterval与setTimeout用法

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

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

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

    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); ``` ...

    JS基于MSClass和setInterval实现ajax定时采集信息并滚动显示的方法_.docx

    这篇文章主要探讨了如何使用JavaScript中的MSClass库和setInterval函数来实现定时的AJAX信息采集,并将采集到的信息滚动显示在页面上。在讲解这个方法之前,我们需要了解几个关键概念。 首先,`setTimeout`和`...

    超级简单利用setInterval设置定时自动跳转的例子

    本教程将详细介绍如何使用JavaScript中的`setInterval`函数来实现这个“超级简单”的定时自动跳转例子。 `setInterval`是JavaScript提供的一个内置函数,用于周期性地执行某段代码。它的基本语法是`setInterval...

    Jquery实现的全屏无缝滚动轮播图

    6. **时间间隔与定时器**:`setInterval()`, `clearInterval()`,用于设置和清除定时执行的函数。 此外,良好的代码组织和模块化也是重要的实践技巧。将轮播图的初始化、切换逻辑、导航更新等功能封装成独立的函数...

    jquery5实现的屏幕全屏广告动态元素切换广告特效源码.zip

    在jQuery中,可以使用`setTimeout`或`setInterval`函数来实现定时切换,结合`fadeIn`和`fadeOut`等动画效果,实现平滑过渡。 接下来,我们要关注的是如何在页面加载时初始化全屏广告。通常,这会在`$(document)....

Global site tag (gtag.js) - Google Analytics