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