blocks|key|4504596|text|看看setTimeout或setInterval方法，它们允许您在指定的毫秒数(1000ms+=1秒)后执行函数。使用它，调用一个不断删除数字的函数，并将其写入HTML元素，以便用户可以看到它。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4504597|entityMap^0|2|A|D|B|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|M|8|@]|D|@]|E|$]]]|G|$]]

Have a look at the <code>setTimeout</code> or <code>setInterval</code> methods, they allow you to execute a function after a specified number of milliseconds (1000ms = 1second). Use that, to call a function that keeps dropping the number and writes it to a HTML element to the user can see it.

blocks|key|961809|text|这还没有经过测试，但我希望它能为您指明前进的方向。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|961810|var+start+=+150;
var+drop+=+15;
var+interval+=+30;

function+countdown(){
++++document.getElementById('mybox').innerHTML+=+start;
++++start-=drop;
++++window.setTimeout("countdown",interval*1000);
}

countdown();|code-block|syntax|javascript|961811|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

this isn't tested, but i hope it shows you the way to go.

<pre><code>var start = 150;
var drop = 15;
var interval = 30;

function countdown(){
 document.getElementById('mybox').innerHTML = start;
 start-=drop;
 window.setTimeout("countdown",interval*1000);
}

countdown();
</code></pre>

blocks|key|3036880|text|您可以使用jQuery来执行此操作，请参见http://keith-wood.name/countdown.html+->选项卡回调|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3036881|entityMap|0|LINK|mutability|MUTABLE|url|http://keith-wood.name/countdown.html^0|L|11|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

You may use jQuery to do that, see <a href="http://keith-wood.name/countdown.html" rel="nofollow noreferrer">http://keith-wood.name/countdown.html</a> -> tab Callbacks

blocks|key|720951|text|请记住，我的浏览器中的30秒并不一定等于您的浏览器中的30秒。这取决于浏览器的工作负载。时间差异在短时间内很小，但随着时间的推移可能会增加。这个时代将会渐行渐远。如果两个访问者之间的时间不能相等(或接近相等)，那么这种简单的解决方案就可以了。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|720952|我们曾经在我们的一个项目中引入实时时钟/倒计时时遇到了问题。我们使用javascript、ajax和PHP构建了一个用于时钟同步的脚本(服务器时间是时间服务器)。|720953|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

Keep in mind that 30 seconds in my browser are not necessarily equal to 30 seconds in your browser. It depends on the workload of the browser.
The time difference is minor for a short time but can increase over a long time. The times will drift apart. If the times must not be equal (or nearly equal) between two visitors than such simple solution should be fine.

We had once a problem to introduce a live clock / countdown in one of our projects. We build a script with javascript, ajax and PHP for clock synchronisation (server time was timeserver).

blocks|key|3036961|text|你应该使用setInterval+/+clearInterval，它是为这类任务设计的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3036962|function+cooldown(element,+start,+stop,+step,+delay)+{
++++var+current+=+start;
++++element.innerHTML+=+current;
++++var+timer+=+setInterval(function+()+{
++++++++current+-=+step;
++++++++if(current+<+stop)+current=stop;
++++++++element.innerHTML+=+current;
++++++++if(current+==+stop)+clearInterval(timer);
++++},+delay*1000);
}|code-block|syntax|javascript|3036963|演示如下：http://jsfiddle.net/PCMHn/|offset|length|3036964|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/PCMHn/^0|0|0|5|Q|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

You should use setInterval / clearInterval which is made for this kind of tasks:

<pre><code>function cooldown(element, start, stop, step, delay) {
 var current = start;
 element.innerHTML = current;
 var timer = setInterval(function () {
 current -= step;
 if(current &lt; stop) current=stop;
 element.innerHTML = current;
 if(current == stop) clearInterval(timer);
 }, delay*1000);
}
</code></pre>

Demonstrated here : <a href="http://jsfiddle.net/PCMHn/" rel="nofollow noreferrer">http://jsfiddle.net/PCMHn/</a>

Let me explain what I'm trying to do.

I want to make a simple box which counts down numbers at intervals I specify.

For example, I'd like to set it to start at 150, and then I want to set it to drop by 15 every 30 seconds.

Is this possible with AJAX/Javascript? If so, could someone point me in the right direction?

Would really appreciate any help on this script, been Googling for hours now! :(

Cheers

Kieran

ajax/JS timed countdown?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

让我解释一下我想要做什么。我想做一个简单的盒子，按我指定的时间间隔倒数。例如，我想将其设置为从150开始，然后将其设置为每30秒减少15次。使用AJAX/Javascript可以做到这一点吗？如果是这样的话，有人能给我指个方向吗？非常感谢大家对这个脚本的帮助，我已经用谷歌搜索了好几个小时了！:(干杯基兰

问ajax/JS定时倒计时？
EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问ajax/JS定时倒计时？EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问ajax/JS定时倒计时？
EN