开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >Javascript计时器用法

问Javascript计时器用法
EN

Stack Overflow用户

提问于 2013-01-04 06:08:59

回答 1查看 120关注 0票数 0

我在我的页面中有一个案例，我有六个小部件(即div)，每个小部件调用一个ajax函数的不同间隔(一个div间隔可能是20s，或者有一个将是30s).After从服务器获取结果，我将更新相应的panels.Which是处理这个scenario.Is的最好方法它是一个好做法，保留每个面板(例如:像setInterval，setTimeout)的六个不同的javascript计时器.If not，什么是处理这种情况的最佳方式。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-01-04 06:18:12

解决方案：

duration = 20;

(function getMoreData(divIndex) {
    console.log("Process First");

    // Get ajax data for first div
    $.ajax({
        url: url1,
        dataType: 'json',
        data: "",
        timeout: 5000,
        success: function(data) {
                dataFlag[divIndex]= true;

                // Process data...
                // Update "div 1"
            },
        error: function() {
                dataFlag[divIndex]= true;

                // Process error
            }
    });


    // Second div
    console.log("Process Second");


    // Get ajax data for second div
    $.ajax({
        url: url2,
        dataType: 'json',
        data: "",
        timeout: 5000,
        success: function(data) {
                dataFlag[divIndex]= true;

                // Process data...
                // Update "div 2"
            },
        error: function() {
                dataFlag[divIndex]= true;

                // Process error
            }
    });


    // Third div
    console.log("Process Third");


    // Get ajax data for second div
    $.ajax({
        url: url3,
        dataType: 'json',
        data: "",
        timeout: 5000,
        success: function(data) {
                dataFlag[divIndex]= true;

                // Process data...
                // Update "div 3"
            },
        error: function() {
                dataFlag[divIndex]= true;

                // Process error
            }
    });


    setTimeout(getMoreData, (duration * 1000));
})()

票数 2

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/14151984

复制

相关文章

关于JavaScript网页计时器

Logo尺寸 background-size：设置背景图片尺寸 background-size: 30px 30px; background-size: cover / contain; cover：保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小 contain：保持图像的纵横比并将图像缩放成将适合背景定付区域的最大大小子绝父相给nav-box相对定位(relative)，img绝对定位(absolute) 定时器 setTimeout let timer = setTimeout(函数

Breeze.

2022/09/16

1.2K0

关于JavaScript网页计时器

JavaScript原生秒表、计时器

可以开始、暂停、清除。效果图：下面贴代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <titl

晓晨

2018/06/22

1.3K0

关于JavaScript计时器的知识学习

node.js javascript

推特上大约一半的回答都是错误的。答案并不是 V8（或者虚拟机）！！虽然“JavaScript”计时器” 很出名，但是 setTimeout 和 setInterval 函数并不是 ECMAScript 规范或者任何 JavaScript 引擎实现。定时器由浏览器实现，在不同浏览器中的实现也会有所不同，Node.js 也实现了自己的定时器。

coder_koala

2020/12/17

1.6K0

关于JavaScript计时器的知识学习

javascript入门笔记7-计时器

该文介绍了JavaScript中常用的计时器，包括setTimeout、setInterval和clearTimeout。每种计时器都有其独特的用法和功能。在文章中还提供了两个示例，一个是使用setTimeout实现的无穷循环计数器，另一个是使用setInterval和clearTimeout实现的取消计时器。

方志朋

2017/12/29

1.2K3

JavaScript 用法

html javascript

如需在 HTML 页面中插入 JavaScript，请使用 <script> 标签。

陈不成i

2021/07/15

6920

利用setTimeout和SetInterval构建Javascript计时器

看到了一篇深入浅出的讲解setTimeout和setInterval的例子，直接讲英文贴出来吧，也不是很难。

大江小浪

2018/07/24

8060

解释 JavaScript 中计时器的工作原理

编程算法 javascript

在 JavaScript 中，计时器是一个非常值得注意的功能。与普通的手表计时器一样，我们可以一次启动计时器，并在特定时间后执行 JavaScript 中的函数或代码。

很酷的站长

2023/01/08

1.5K0

解释 JavaScript 中计时器的工作原理

Javascript childNodes用法

https 网络安全

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至举报，一经查实，本站将立刻删除。

全栈程序员站长

2022/11/01

4010

javaScript console用法

编程算法 javascript

谈到javaScript 的 console，通常能说的就是console.log/info/warning等等，比如，console.time(test){….fn….}console.endTime(test)算个程序跑的时间啦什么鬼的。。这有什么用。没用！而我们追求的是什么？当然是好看！以前的日志是这样的：

j_bleach

2019/05/26

4920

Javascript的this用法

this是Javascript语言的一个关键字。它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。比如，　　function test(){ 　　　　this.x = 1; 　　} 随着函数使用场合的不同，this的值会发生变化。但是有一个总的原则，那就是this指的是，调用函数的那个对象。下面分四种情况，详细讨论this的用法。情况一：纯粹的函数调用这是函数的最通常用法，属于全局性调用，因此this就代表全局对象Global。请看下面这段代码，它的运行结果是1。　　f

ruanyf

2018/04/12

5590

javascript Date用法

参考【菜鸟教程】 https://www.runoob.com/jsref/jsref-obj-date.html

超级大帅比

2021/01/13

5680

使用 JavaScript 制作简单的中秋倒数计时器！

theme: channing-cyan highlight: a11y-dark

鲸落c

2022/11/14

1.9K0

使用 JavaScript 制作简单的中秋倒数计时器！

仅用18行JavaScript构建一个倒数计时器

javascript 编程算法

因此，事不宜迟，这里介绍了如何仅用18行JavaScript来制作自己的倒计时时钟。

Lemon黄

2020/06/04

3K0

仅用18行JavaScript构建一个倒数计时器

javascript当中json用法

10）json 例 3.10.1 <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> </head> <script> var student = { name : 'mark', age : 3 , classes : ['小' , '中' , "大"], /* 马克-to-win：class is an array of string, also parents is also an array of json object. */ parents :[ { name : 'father', age : 42, salary : 'low' } , { name : 'mother', age : 37, salary : 'high' } ] }; document.writeln(student.name); document.writeln("<hr>"); document.writeln(student.age); document.writeln("<hr>"); document.writeln(student.classes[1]); document.writeln("<hr>"); document.writeln(student.parents[1].name); </script>

马克java社区

2019/10/10

5820

javascript当中json用法

JavaScript中prototype用法

面向对象编程 javascript

大部分面向对象的编程语言，都是以类class作为对象的基础语法，js语言不是如此，它的面向对象编程基于‘原型对象’。

全栈程序员站长

2022/09/15

4940

javascript sort 函数用法

java javascript

简单的说，sort() 在没有参数时，返回的结果是按升序来排列的。即字符串的Unicode码位点（code point）排序

Krry

2018/09/18

5330

javascript当中eval用法

html javascript http 编程算法

1）eval 例 4.1.1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> </head> <BODY> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </BODY> </HTML> 例 4.1.2 <HTML> <HEAD> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <TITLE>在eclipse中直接open with火狐即可</TITLE> </HEAD> <BODY> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </BODY> </HTML>

马克java社区

2019/11/25

1.2K0

javascript当中eval用法

javascript当中isNaN用法

2）isNaN 例 4.2.1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> </head> <BODY> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </BODY> </HTML>

马克java社区

2019/11/25

5780

javascript当中isNaN用法

javascript sort 函数用法

简单的说，sort() 在没有参数时，返回的结果是按升序来排列的。即字符串的Unicode码位点（code point）排序

Krry

2018/10/10

5080

javascript sort 函数用法

javascript当中Function用法

4）Function用法例 3.4.1 <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> </head> <script> /*马克-to-win：When the Global object is created, it always has at least the following properties: Object object Function object Array object String object Boolean object Number object Date object Math object Value properties */ /*Function的好处是，函数体可以是运行时的一个传入的动态字符串，for the Function class, the last parameter is function body, while the parameters before the last one are input arguments., 'x' can be changed to "x" */ var a='return x + y;'; var f = new Function('x', 'y',a );// 等价于var f = function(x, y){return x + y;} document.write(f(1, 1)); </script>

马克java社区

2019/10/06

3290

javascript当中Function用法

相似问题

PHP计时器用法

40

javascript 'this‘用法

20

VBS上的计时器用法

24

javascript registerElement用法

10

方法: Apache Camel、Quartz计时器用法

10

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例