`
yudan215
  • 浏览: 22862 次
  • 性别: Icon_minigender_1
  • 来自: 广州
最近访客 更多访客>>
社区版块
存档分类
最新评论

jQuery 定时局部刷新,setTimeout和setInterval的区别

 
阅读更多
代码:

< head >

 < script src="jQuery/jquery-1.4.1.min.js" type="text/javascript" ></ script >

  < script >

            $( document ).ready(function () {
               
               setInterval("startRequest()",1000);//建议不要用setInterval,太耗内存,可以让你卡到死机的,不信你试试

               setTimeout("startRequest()",1000);
           
            });
            
            function startRequest()
            {
                $("#date").text((new Date()).toString());
            }
        < / script >
  
< / head >


setTimeout和setInterval的区别:

区别:

setTimeout()

从载入后延迟指定的时间去执行一个表达式或者是函数;

仅执行一次 ;和window.clearTimeout一起使用.

setInterval()

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

补充说明:

这两个方法都可以用来实现在一个固定 时间段之后去执行JavaScript。不过两者各有各的应用场景。

最大区别就是,setTimeout方法不会每隔5秒钟就执行一 次showTime函数,它是在每次调用setTimeout后过5秒钟再去执行showTime函数。这

意味着 如果showTime函数的主体部分需要2秒钟执行完,那么整个函数则要每7秒钟才执行一次。 而setInterval却没有被自己所调用的函数所

束缚,它只是简单地每隔一定时间就重复执行 一次那个函数。

如果要求在 每隔一个固定的时间间隔后就精确地执行某动作,那么最好使用setInterval,而如果不想 由于连续调用产生互相干扰的问题,尤其

是每次函数的调用需要繁重的计算以及很长的处 理时间,那么最好使用setTimeout。



分享到:
评论

相关推荐

    30个jquery经典Demo

    11. **计时器(Timers)**:`.setInterval()`和`.clearInterval()`实现定时执行任务,如倒计时或定时更新内容。 12. **事件委托(Event Delegation)**:利用`.on()`方法进行事件委托,提高性能,尤其在处理动态...

    JQuery 15种经典案例

    9. **计时器与定时任务**:`setInterval()`和`setTimeout()`函数可用于定期执行某些任务,如倒计时、轮播图切换等。 10. **响应式设计**:JQuery可以配合媒体查询,根据屏幕尺寸调整元素布局和样式,实现响应式网页...

    自动刷新个人网络页面

    另外,如果要实现的是局部刷新,比如只更新某个特定部分而不是整个页面,那么Ajax技术就派上用场了。Ajax(Asynchronous JavaScript and XML)允许在不重新加载整个网页的情况下,与服务器交换数据并更新部分网页...

    jQuery基础教程(Learning_jQuery)中文完整

    2. **队列与定时器**: `queue()`和`delay()`可用于控制动画的执行顺序,`setTimeout()`和`setInterval()`可配合使用实现定时触发动画。 3. **动画回调**: 动画方法如`fadeIn()`支持回调函数,动画完成后执行,方便...

    30个jquery特效

    jQuery的$.ajax和$.get、$.post等函数简化了异步数据请求,实现局部刷新和动态加载。 9. **Ajax加载内容后执行(Ajax Callbacks)** success、complete、error回调函数可以在Ajax请求完成后执行相应的操作。 10....

    45个实用的jquery代码片段

    `setTimeout()`和`setInterval()`则用于定时执行任务,如延迟显示或周期性更新内容。 5. **AJAX交互**:`$.ajax()`函数是jQuery的核心,用于发起异步请求。`$.get()`和`$.post()`是其简化版本,分别用于GET和POST...

    popupwindow.rar

    3. **定时局部刷新页面**: - `setInterval`函数可用于周期性执行某个函数,例如刷新页面的一部分。 - 利用AJAX异步请求获取最新数据,只更新需要刷新的部分,而不是整个页面,这样可以提高用户体验。 - 通常,...

    Ajax实现页面自动刷新实例解析

    在进一步的内容中,讨论了如何使用jQuery库实现AJAX定时局部页面刷新。引入jQuery之后,只需要一行代码,就可以实现定时从服务器获取新内容并更新指定ID的元素内容。示例代码中使用了`setInterval`函数每隔5秒钟调用...

    JavaScript精彩网页特效实例精粹

    5. **定时器与动画**:JavaScript的setTimeout和setInterval函数可用于定时执行任务,常用于制作计时器、倒计时或者连续动画。结合CSS3的transition和animation,可以创建复杂的动态效果。 6. **面向对象编程**:...

    html5 canvas全屏变色波浪线条动画特效.zip

    可以使用`requestAnimationFrame`代替`setTimeout`或`setInterval`,确保动画与浏览器的刷新同步,减少不必要的绘制。此外,合理利用局部变量,避免重复计算,也是提升性能的有效手段。 6. **二次修改**:具备HTML5...

    JavaScript源代码集锦

    6. **定时器**:JavaScript提供了setTimeout和setInterval函数,用于在特定时间间隔后执行代码,常用于动画效果和定时任务。 7. **正则表达式**:用于文本模式匹配和搜索,正则表达式在JavaScript中用于字符串验证...

    Dhtml 手册

    通过JavaScript的定时器(`setTimeout`和`setInterval`)可以实现定时更新或动画。同时,可以监听和处理用户输入,如点击、滚动、键盘事件等。 6. **AJAX(Asynchronous JavaScript and XML)**:虽然名称中包含XML...

    javascript API

    JavaScript的`setTimeout`和`setInterval`函数可以用来在指定时间后执行或重复执行某段代码,实现动态效果或定时任务。 6. **字符串和数组操作**: JavaScript API提供了丰富的字符串和数组方法,如`split`、`...

    JavaScript相关资料.rar

    - **定时器**:setTimeout和setInterval用于延迟或定期执行代码,clearTimeout和clearInterval用于取消定时任务。 - **页面交互**:如弹出警告对话框、确认对话框和输入对话框。 4. **AJAX(异步JavaScript和XML...

    300种JS效果

    8. **定时器与间隔**:setTimeout和setInterval函数可以定时执行任务,常用于制作计时器、轮播图等效果。 9. **浏览器兼容性**:由于JavaScript的实现因浏览器而异,一些效果可能需要使用特定的库(如jQuery)或...

    js 特效

    例如,`requestAnimationFrame`方法可以实现平滑的帧动画,而`setTimeout`和`setInterval`可以定时执行函数,创建计时器效果。CSS3的过渡和动画也可以结合JavaScript一起使用,实现更复杂的动效。 **交互式元素** ...

    javascript特效

    4. **定时器和动画**:`setInterval`和`setTimeout`函数用于在指定时间间隔执行代码,常用于制作定时更新或动画效果。例如,轮播图、计时器或者加载进度条等。 5. **AJAX异步数据交换**:AJAX允许网页在后台与...

    JAVASCRIPT网页特效实战演戏

    利用setInterval和setTimeout函数,我们可以创建定时执行的代码块,从而实现平滑的动画效果。例如,用JavaScript制作图片轮播、滑动门菜单或者渐入渐出的过渡效果。 除此之外,JavaScript库和框架如jQuery、React、...

Global site tag (gtag.js) - Google Analytics