`
cooler1217
  • 浏览: 378478 次
  • 性别: Icon_minigender_1
  • 来自: 长春
社区版块
存档分类
最新评论

setInterval(show,3000) setTimeout(show,3000) 使用

 
阅读更多
当遇到setInterval,setTimeout与jquery混用的问题 时,直接按JavaScript中的语法写并不起作用,有以下两种解决方法。

方法1. 直接在ready中调用其他方法,会提示缺少对象的错误,应用jQuery的扩展可以解决这个问题。

$(document).ready(function(){

$.extend({
  show:function(){
   alert("ready");
  }
});
setInterval("$.show()",3000);
});

方法2. 指定定时执行的函数时不要使用引号和括号。

function show(){
   alert("ready");
}
setInterval(show,3000);// 注意函数名没有引号和括弧!

-------------------

setTimeout(表达式,延迟时间); 单位:ms(毫秒);1s=1000ms; 

  setInterval(表达式,交 互时间);  单位:ms(毫秒);1s=1000ms; 

  window.setTimeout()

   在执行时,它从载入后延迟指定的时间去执行一个表达式或者是函数;仅执行一次;和window.clearTimeout一起使用.

   window.setInterval()

   在执行时,它从载入页面后每隔指定的时间执行一个表达式或者是函数;(功能类似于递归函数);和window.clearInterval一起使用.




function showTitle(str){
        $('#title').html(str);
        $('#title').slideDown();
    }
    for (var i=9;i>0;i--){
        setTimeout("showTitle("+(10-i)+")",i*1000);
    }

    var count = 10;
    function showTitle2(){
        $('#interval').html(count);
        $('#interval').slideDown();
        count--;
        if(count==8){
            clearInterval(st);       
        }
    }
    var st = setInterval("showTitle2()",1000);
分享到:
评论

相关推荐

    Jquery中使用setInterval和setTimeout的方法

    然而,需要注意的是,在使用 `setInterval` 或 `setTimeout` 时,尽量避免将函数名用引号包裹,因为这会导致JavaScript将其解释为字符串而非函数引用。如"方法2"所示,正确的方式是直接传递函数名,不加引号和括号:...

    setTimeout和setInterval的浏览器兼容性分析

    ### setTimeout和setInterval的浏览器兼容性分析 #### 一、概述 `setTimeout` 和 `setInterval` 是JavaScript中用于处理延时与周期性任务的重要函数。它们被广泛应用于各种前端开发场景,例如页面动画效果、轮询...

    setInterval,setTimeout与jquery混用的问题

    当在`$(document).ready()` 中直接调用一个包含jQuery操作的方法,并且期望通过`setInterval` 来周期性执行时,直接写成`setInterval("$.show()",3000)`是不正确的。因为JavaScript会把`$.show()`当作字符串处理,...

    javascript setTimeout和setInterval 的区别

    JavaScript中的`setTimeout`和`setInterval`是两个重要的定时器函数,它们都属于全局`window`对象的方法,常用于在指定的时间后执行某段代码或周期性地重复执行某段代码。然而,它们的工作机制和用途有所不同。 1. ...

    JS中SetTimeout和SetInterval使用初探

    对于 `setTimeout`,使用 `clearTimeout`,而对于 `setInterval`,使用 `clearInterval`。例如: ```javascript var timer = setTimeout('startShow()', 2000); clearTimeout(timer); timer = setInterval('start...

    setInterval()和setTimeout()的用法和区别示例介绍

    **在类中使用 setTimeout 和 setInterval** 当在类中使用这些方法时,可能会遇到 `this` 关键字的指向问题。`this` 在不同上下文中的行为可能会变化,特别是当它被用在异步操作如定时器中。在类的方法中,`this` ...

    Js setInterval与setTimeout(定时执行与循环执行)的代码(可以传入参数)

    JavaScript编程中,定时器...通过了解和掌握setInterval和setTimeout的使用方法,可以在Web开发中实现各种定时任务,比如轮询服务器、定时更新页面内容、倒计时定时器等。这些定时器是前端编程中不可或缺的功能模块。

    JQuery中SetTimeOut传参问题探讨

    标题中提到的“JQuery中SetTimeOut传参问题探讨”说明我们要探讨的是在使用JavaScript的JQuery库进行编程时,如何在使用`setTimeout`或`setInterval`函数时传递参数的问题。`setTimeout`和`setInterval`是JavaScript...

    网页特效秀show4

    9. **计时器和定时任务**:setInterval和setTimeout函数可用于实现周期性或延时执行的任务,例如倒计时、自动刷新内容等。 10. **Ajax异步请求**:JavaScript的Ajax技术可以实现页面无刷新的数据交换,提高网页的...

    jQuery图片盒子展示特效.zip_Jquery Photo_The Show_duck25u

    这通常通过计时器(setTimeout或setInterval)和数组索引来实现,定时更换显示的图片。 5. **交互性**:用户可以通过点击或滑动来切换图片,这些交互行为会被JavaScript捕获并触发相应的动作。例如,点击下一张/上...

    Javascript实现打地鼠小游戏.pdf

    在打地鼠小游戏中,setTimeout() 和 setInterval() 两个函数的作用很大,不仅仅在本次的小游戏中,在很多的 JavaScript 程序中都会有它们的身影。 1. setTimeout() setTimeout() 用于在指定的毫秒数后调用函数或...

    Java Script 计时器和bom对象.pdf

    首先,JavaScript提供了两种主要的计时器:`setInterval`和`setTimeout`。`setInterval`是一个计时器函数,它接受两个参数,第一个是你要重复执行的函数,第二个是执行间隔的时间,单位为毫秒。例如,在文档中的`...

    前端大厂最新面试题-singfor.docx

    1. `v-if` 和 `v-show` 的使用场景:`v-if` 会销毁和重建元素,而 `v-show` 只是切换元素的 visibility。 2. Vue 的单向数据流与 `v-model`:Vue 的响应式原理是基于发布者订阅者模式。 3. 为什么 `v-for` 需要加 `...

    图片轮番播放3 jquery

    图片轮番播放的核心思想是通过定时器(如setTimeout或setInterval)来定期改变显示的图片。每次切换时,可以添加平滑过渡效果,比如淡入淡出,以提高用户体验。 三、jQuery实现步骤 1. 引入jQuery库:首先确保在...

    javascript程序题.doc

    可以使用`setTimeout`函数设置一段时间后执行特定操作,如打开新的网页。 ```javascript window.setTimeout(function() { window.location.href = 'http://example.com'; }, 3000); // 3秒后跳转 ``` 3. 打开一个新...

    定时出现div

    在这个场景中,我们利用JavaScript的定时器(setTimeout或setInterval)配合jQuery库来实现这个效果。jQuery是一个强大的JavaScript库,它简化了DOM操作,使得实现此类功能变得更加便捷。 首先,我们需要理解`div`...

Global site tag (gtag.js) - Google Analytics