Php 使用jQuery显示计时器,并在计时器结束时运行函数

Php 使用jQuery显示计时器,并在计时器结束时运行函数,php,jquery,html,wordpress,Php,Jquery,Html,Wordpress,所以基本上我想显示一个倒计时,可能从一分钟左右开始,然后当倒计时达到零时,我想运行一个jQuery函数 假设倒计时从1分钟开始 因此,我想在用户在页面上花费1分钟之后运行一个名为updateEntry()的函数。我见过人们使用setTimeout,我是简单地将函数定义放在那里,还是在那里调用函数?另外,我如何将倒计时与设置超时同步?这里有一种方法: function doCountdown(time, cb) { $("#countdown").text(time); if (t

所以基本上我想显示一个倒计时,可能从一分钟左右开始,然后当倒计时达到零时,我想运行一个jQuery函数

假设倒计时从1分钟开始


因此,我想在用户在页面上花费1分钟之后运行一个名为
updateEntry()
的函数。我见过人们使用
setTimeout
,我是简单地将函数定义放在那里,还是在那里调用函数?另外,我如何将倒计时与设置超时同步?这里有一种方法:

function doCountdown(time, cb) {
    $("#countdown").text(time);
    if (time <= 0)
        cb();
    else
        setTimeout(function() {
            doCountdown(time-1, cb);
        }, 1000);
}

doCountdown(60, updateEntry);
函数doCountdown(时间,cb){
$(“#倒计时”)。文本(时间);

如果(时间这里有一个正在工作的JSFIDLE:

HTML(仅举个例子):


只需更改<代码>警报(“我完成倒计时”);< /COD>到您的函数的调用。

我想这就是您正在寻找的[ jQuery倒计时与回调]〔1〕〔1〕:是否可以有一个“取消”按钮,以及简单地取消中间倒计时,什么也不做?
<span><span>
var count = 60;

$("span").text(count);

var myTimer = setInterval(function(){
    if(count > 0){
        count = count - 1;
        $("span").text(count);
    }
    else {
       clearInterval(myTimer);
       alert("I'm done counting down!"); 
    }
},1000);