我正在尝试创建一个显示在屏幕上的计时器,该计时器从 90 分钟开始,并在时间变为 0 时提交页面。 现在我可以让它工作,但我不能显示分钟,只有秒(90 分钟 = 5400 秒)。 我想说的是还剩 20 分 5 秒,而不是还剩 1205 秒。
法典:
<p>Time remaining: <span id="count">5400</span> seconds</p>
<script type="text/javascript">
window.onload = function(){
(function(){
var counter = 5400;
setInterval(function() {
counter--;
if (counter >= 0) {
span = document.getElementById("count");
span.innerHTML = counter;
}
if (counter === 0) {
//i will write the page submit code here
}
}, 1000);
})();
}
</script>
这是我
写的完整香草JS倒计时。它还包括天数,如果您将天数和小时数留为零,则它们根本不会显示,因此您可以根据需要使用它:
请注意,整个事情在一个间隔函数中运行,该函数每秒都会被召回。
//Countdown
if(document.getElementById('s') != null)
{
s = parseInt(document.getElementById('s').textContent);
m = parseInt(document.getElementById('m').textContent);
h = parseInt(document.getElementById('h').textContent);
d = parseInt(document.getElementById('d').textContent);
var countdownField = document.getElementById('countDown');
setInterval(function(){
countdownField.textContent ="Verbleibend: "+d+" Tage "+h+" Stunden "+m+" Minuten "+s+" Sekunden ";
if(s==0 && m==0 && h==0 && d==0)
location.reload();
else if(m==0 && h==0 && d==0)
countdownField.textContent ="Verbleibend: "+s+" Sekunden ";
else if(h==0 && d==0)
countdownField.textContent ="Verbleibend: "+m+" Minuten "+s+" Sekunden ";
else if(d==0)
countdownField.textContent ="Verbleibend: "+h+" Stunden "+m+" Minuten "+s+" Sekunden ";
if(s == 0){
s = 60;
m--;
}
if(m == 0 && s == 0){
m = 59;
h--;
}
if(h == 0 && m == 0 && s == 0){
h = 23;
d--;
}
s--;
}, 1000);
}
编辑 一些帮助理解
Verbleibend == 剩余
Tage == 天
眩晕 == 小时
分钟== 分钟
Sekunden == 秒