`
ah_fu
  • 浏览: 224005 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
文章分类
社区版块
存档分类
最新评论

小记:JavaScript中的window.setInterval()必须使用全局函数

阅读更多
    在写JS脚本的时候写了类似如下的代码,总是产生莫名其妙的问题,定位不到。
function ClassName()
...{
    
var _Handle = null;
    
function IntervalFunction()
    
...{
        alert(
"run IntervalFunction()");
        window.clearInterval(_Handle);
        _Handle 
= null;
    }

    _Handle 
= window.setInterval("IntervalFunction();"1000);
}


var obj = new ClassName();

    逐行注释代码,最后发现:window.setInterval()中加入的函数必须是全局函数,此处使用类的私有方法是不行的。修改代码成如下,解决问题:
function ClassName()
...{
    
var _Handle = null;
    
this.IntervalFunction = function()
    
...{
        alert(
"run IntervalFunction()");
        window.clearInterval(_Handle);
        _Handle 
= null;
    }

    _Handle 
= window.setInterval("obj.IntervalFunction();"1000);
}


var obj = new ClassName();

 
分享到:
评论

相关推荐

    window.clearInterval与window.setInterval的用法.

    window.clearInterval与window.setInterval的用法.

    Three.JS动画实现:window.setInterval()

    不采用tween,仅通过setInterval函数,在three.js中实现动画效果。从动画创建、三维轨迹构造、解决动画冲突等方面,对动画实现进行PPT展示。

    HTML5如何用window.postMessage在网页间传递数据

    估计很少人知道HTML5 APIS里有一个window.postMessage API。window.postMessage的功能是允许程序员跨域在两个窗口/frames间发送数据信息。基本上,它就像是跨域的AJAX,但不是...setInterval(funct[......] 阅读全文>>

    javascript函数的解释

    javascript函数的解释,解释了具体函数的功能,一、函数JavaScript函数集合 1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是:...

    精解window.setTimeout()window.setInterval()使用方式与参数传递问题!

    这是我们常常会使用方法setInterval或setTimeout,但是由于这两个方法是由脚本宿主模拟出来的Timer线程,在通过其调用我们的方法是不能为其传递参数。 我们常用的使用场景是: 代码如下:window.setTimeout(...

    JavaScript图形实例:随机SierPinski三角形.docx

    如果我们将程序中的调用语句 draw() 改写为 window.setInterval('draw()', 1500),那么在浏览器窗口中每隔 1.5 秒将绘制一个随机 SierPinski 三角形。 此外,我们可以改写上面的程序,要求随机取点 A、B、C 时,...

    javascript常用对象梳理

    熟练掌握window对象的status、location、name、self、opener属性的使用 Window对象是客户端javascript最高层对象之一,只要打开浏览器窗口,不管该窗口中是否有打开的网页,当遇到BODY、FRAMESET或FRAME元素时,...

    107个常用javascript语句

    47.当在超链接中调用JS函数时用:(javascript :)来开头后面加函数名 48.在老的浏览器中不执行此JS:<!-- //--> 49.引用一个文件式的JS:<script type="text/javascript" src="aaa.js"> 50.指定在不支持脚本的浏览器显示...

    程序员常用代码小技巧_javascript.doc

    JavaScript是一种广泛使用的脚本语言,常用于Web开发中。在实际开发中,程序员经常需要使用一些小技巧来提高开发效率和解决一些常见的问题。下面是JavaScript常用代码小技巧的总结: 事件处理 * 事件源对象:`...

    JavaScript中setTimeout和setInterval函数的传参及调用_.docx

    JavaScript 中 setTimeout 和 setInterval 函数的传参及调用 在 JavaScript 中,setTimeout 和 setInterval 函数都是用于在指定的时间点执行某个函数的,但是它们的传参方式和调用方式却有所不同。 setTimeout ...

    精解window.setTimeout()&window.setInterval()使用方式与参数传递问题!

    精解window.setTimeout()&window.setInterval()使用方式与参数传递问题!

    qq客服上用的图片焦点js+c

    这是个可以使用在网站首页的特效代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://...

    fd-interval:window.setInterval FP 风格

    window.setInterval FP 风格 安装 npm install fd-interval --save 用法 var interval = require ( 'fd-interval' ) ; var every2s = interval ( 2000 ) ; every2s ( function ( ) { alert ( 'FP rocks' &#...

    window.setInterval()方法的定义和用法及offsetLeft与style.left的区别

    window.setInterval()方法可以按照指定的周期执行来执行一段程序。周期是以毫秒为单位的,本文给大家介绍window.setInterval()方法的定义和用法,感兴趣的朋友参考下

    js中SetInterval与setTimeout用法.pdf

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

    Android代码-kotlinx.html

    A kotlinx....window.setInterval({ val myDiv = document.create.div("panel") { p { "Here is " a("http://kotlinlang.org") {

    js实现秒表以及进度条.md

    1)window.setInterval(函数名称,时间);//间隔定时器(反复调用),时间的单位是毫秒 2)window.clearInterval(定时器的返回值);停止定时器 3)window.setTimeout(函数名称,时间)//延时定时器,执行一次 4)...

    js 进度条demo.html

    window.setInterval("ajaxpage('dummy/top.txt','top',{color:'blue',opacity:0.25})", 3000); window.setInterval("ajaxpage('dummy/left.txt','left',{color:'black', opacity:0.5, text:'loading', style:'...

    关于js中两种定时器的设置及清除.pdf

    在JavaScript中,存在两种定时器:setTimeout和setInterval,这两种定时器都可以用来执行延迟或循环执行某个函数,但是它们的使用场景和实现机制不同。 1. setTimeout setTimeout是设置一个定时器,指定一个函数在...

    jQuery setTimeout()函数使用方法

    和window.clearTimeout一起使用.我在 代码如下:$(document).ready(function(){setTimout(test(),200); function test() { alert(1); } }); 只会执行一次,有朋友说可以使用 代码如下:setInterval (...

Global site tag (gtag.js) - Google Analytics