Javascript 在alertbox中创建倒计时计时器
我需要在中创建一个计时器,它将显示在javascript的alertbox中,并开始从4分钟倒计时到0。。时间一过,计时器就应该停止。我希望这一切都是用Javascript创建的。我已尝试使用从该链接获得的以下代码: 但这对我不起作用。我已经这样做了:Javascript 在alertbox中创建倒计时计时器,javascript,jquery,asp.net-mvc-3,logic,countdowntimer,Javascript,Jquery,Asp.net Mvc 3,Logic,Countdowntimer,我需要在中创建一个计时器,它将显示在javascript的alertbox中,并开始从4分钟倒计时到0。。时间一过,计时器就应该停止。我希望这一切都是用Javascript创建的。我已尝试使用从该链接获得的以下代码: 但这对我不起作用。我已经这样做了: <script> window.onload = CreateTimer("timer", 30); var Timer; var TotalSeconds; functio
<script>
window.onload = CreateTimer("timer", 30);
var Timer;
var TotalSeconds;
function CreateTimer(TimerID, Time) {
Timer = document.getElementById(TimerID);
TotalSeconds = Time;
UpdateTimer()
window.setTimeout("Tick()", 1000);
}
function Tick() {
if (TotalSeconds <= 0) {
alert("Time's up!")
return;
}
TotalSeconds -= 1;
UpdateTimer()
window.setTimeout("Tick()", 1000);
}
function UpdateTimer() {
var Seconds = TotalSeconds;
var Days = Math.floor(Seconds / 86400);
Seconds -= Days * 86400;
var Hours = Math.floor(Seconds / 3600);
Seconds -= Hours * (3600);
var Minutes = Math.floor(Seconds / 60);
Seconds -= Minutes * (60);
var TimeStr = ((Days > 0) ? Days + " days " : "") + LeadingZero(Hours) + ":" + LeadingZero(Minutes) + ":" + LeadingZero(Seconds)
Timer.innerHTML = TimeStr;
}
function LeadingZero(Time) {
return (Time < 10) ? "0" + Time : +Time;
}
</script>
<div class="page">
<div id='timer' style="float: left; width: 50%; background-color: red; color: white;"></div>
</div>
window.onload=CreateTimer(“timer”,30);
无功定时器;
var总秒数;
函数CreateTimer(TimerID,Time){
Timer=document.getElementById(TimerID);
总秒=时间;
UpdateTimer()
setTimeout(“Tick()”,1000);
}
函数Tick(){
如果(总秒数0)?天+“天”:“”)+领先零(小时)+“:”+领先零(分钟)+“:“+领先零(秒)
Timer.innerHTML=TimeStr;
}
函数引导零(时间){
返回(时间<10)-“0”+时间:+时间;
}
我希望它能帮助你
window.onload = CreateTimer("timer", 30);
var Timer;
var TotalSeconds;
function CreateTimer(TimerID, Time) {
Timer = document.getElementById(TimerID);
TotalSeconds = Time;
UpdateTimer()
window.setTimeout(Tick, 1000); // remove double quote
}
function Tick() {
if (TotalSeconds <= 0) {
alert("Time's up!")
return;
}
TotalSeconds -= 1;
UpdateTimer()
window.setTimeout(Tick, 1000); // remove double quote
}
function UpdateTimer() {
var Seconds = TotalSeconds;
var Days = Math.floor(Seconds / 86400);
Seconds -= Days * 86400;
var Hours = Math.floor(Seconds / 3600);
Seconds -= Hours * (3600);
var Minutes = Math.floor(Seconds / 60);
Seconds -= Minutes * (60);
var TimeStr = ((Days > 0) ? Days + " days " : "") + LeadingZero(Hours) + ":" + LeadingZero(Minutes) + ":" + LeadingZero(Seconds)
Timer.innerHTML = TimeStr;
}
function LeadingZero(Time) {
return (Time < 10) ? "0" + Time : +Time;
}
window.onload=CreateTimer(“timer”,30);
无功定时器;
var总秒数;
函数CreateTimer(TimerID,Time){
Timer=document.getElementById(TimerID);
总秒=时间;
UpdateTimer()
setTimeout(勾号,1000);//删除双引号
}
函数Tick(){
如果(总秒数0)?天+“天”:“”)+领先零(小时)+“:”+领先零(分钟)+“:“+领先零(秒)
Timer.innerHTML=TimeStr;
}
函数引导零(时间){
返回(时间<10)-“0”+时间:+时间;
}
评论是我做过更改的地方。此外,您还需要根据需要修改代码,因为无论时间是否剩余,当秒数等于0时,每时每刻都会显示警报消息。我不知道你对这个的要求,我没碰那个密码。
请点击此链接获取更多信息