Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/411.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/275.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在我的php脚本中添加简单的倒计时(作为数字)_Javascript_Php_Jquery - Fatal编程技术网

Javascript 在我的php脚本中添加简单的倒计时(作为数字)

Javascript 在我的php脚本中添加简单的倒计时(作为数字),javascript,php,jquery,Javascript,Php,Jquery,我有一个php页面,我想在页面的某个区域(页脚)运行简单的倒计时60秒,因为我有自动刷新代码,每60秒刷新一次页面,所以我想向用户显示60、59、58、57。。。。只是一个文本滚动倒计时,直到它刷新,所以它将再次开始。简单易用,不需要很多网站在线显示的完整倒计时脚本 我能想到的是一个gif动画小图标,可以工作,但如果可能的话,不添加图像更好,我只想正常大小的文本作为数字从60到0运行,然后再次循环(即使没有循环是罚款…页面将刷新无论如何) 怎么办?由于PHP是服务器端的,所以无法使用它。您可以使

我有一个php页面,我想在页面的某个区域(页脚)运行简单的倒计时60秒,因为我有自动刷新代码,每60秒刷新一次页面,所以我想向用户显示60、59、58、57。。。。只是一个文本滚动倒计时,直到它刷新,所以它将再次开始。简单易用,不需要很多网站在线显示的完整倒计时脚本

我能想到的是一个gif动画小图标,可以工作,但如果可能的话,不添加图像更好,我只想正常大小的文本作为数字从60到0运行,然后再次循环(即使没有循环是罚款…页面将刷新无论如何)


怎么办?

由于PHP是服务器端的,所以无法使用它。您可以使用javascript创建。请尝试以下代码:

<div id="timer">##</div>
<button id="starter" onclick="start('60');">start</button>
<script>
var tme = document.getElementById("timer");
var bt= document.getElementById("starter");
var counting = false;

function start(count) {
    //console.log(counting);
    if (!counting) {
        counting = true;
        tme.innerHTML = count;
        var timer = setInterval(function() {
            if (count >= 0) {
                tme.innerHTML = count;
                count--;
            } else {
                clearInterval(timer);
                count = arguments[0];
                counting = false;
            }
        }, 400);
    }
}
</script>
##
开始
var tme=document.getElementById(“计时器”);
var bt=document.getElementById(“启动器”);
var计数=假;
功能启动(计数){
//控制台日志(计数);
如果(!计数){
计数=真;
tme.innerHTML=计数;
var timer=setInterval(函数(){
如果(计数>=0){
tme.innerHTML=计数;
计数--;
}否则{
清除间隔(计时器);
计数=参数[0];
计数=假;
}
}, 400);
}
}

希望这将有助于

使用javascript,PHP无法提供您想要的功能,因为它运行的是服务器端,而不是客户端..好吧,我想这会起作用,但不适用于我的情况。。。或者我缺少这样做的方法:(