Javascript js中的倒计时_Javascript_Jquery

Javascript js中的倒计时

javascript jquery

Javascript js中的倒计时,javascript,jquery,Javascript,Jquery,我是javascript受损者-我需要构建一个倒计时脚本，倒计时45分钟，并将剩余的时间附加到标题栏或用户浏览器中，以及在时间结束时操作类似于警报消息的功能我希望我有代码作为开始。在这里，这应该适合您 var区间； var分钟=1； var秒=5； window.onload=函数（）{ 倒计时（“倒计时”）； } 函数倒计时（元素）{ 间隔=设置间隔（函数（）{ var el=document.getElementById（元素）；如果（秒==0）{ 如果（分钟==0）{ el.inne

我是javascript受损者-我需要构建一个倒计时脚本，倒计时45分钟，并将剩余的时间附加到标题栏或用户浏览器中，以及在时间结束时操作类似于警报消息的功能

我希望我有代码作为开始。

在这里，这应该适合您


var区间；
var分钟=1；
var秒=5；
window.onload=函数（）{
倒计时（“倒计时”）；
}
函数倒计时（元素）{
间隔=设置间隔（函数（）{
var el=document.getElementById（元素）；
如果（秒==0）{
如果（分钟==0）{
el.innerHTML=“倒数计时结束！”；
警报（“倒计时结束！”）；
间隔时间；
返回；
}否则{
分钟--；
秒=60；
}
}
如果（分钟>0）{
var minute_text=minutes+（minutes>1？'minutes'：'minute'）；
}否则{
var minute_text=''；
}
var second_text=seconds>1？'seconds'：'second'；
el.innerHTML=分钟文本+''+秒+''+秒文本+''剩余文本'；
document.title=分钟文本+秒+秒+秒文本+剩余文本；
秒--；
}, 1000);
}

您已经尝试了什么？时间应该以什么间隔递增？

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <script>
    var interval;
    var minutes = 1;
    var seconds = 5;
    window.onload = function() {
        countdown('countdown');
    }

    function countdown(element) {
        interval = setInterval(function() {
            var el = document.getElementById(element);
            if(seconds == 0) {
                if(minutes == 0) {
                    el.innerHTML = "countdown's over!";  
                    alert("countdown's over!");
                    clearInterval(interval);
                    return;
                } else {
                    minutes--;
                    seconds = 60;
                }
            }
            if(minutes > 0) {
                var minute_text = minutes + (minutes > 1 ? ' minutes' : ' minute');
            } else {
                var minute_text = '';
            }
            var second_text = seconds > 1 ? 'seconds' : 'second';
            el.innerHTML = minute_text + ' ' + seconds + ' ' + second_text + ' remaining';
            document.title = minute_text + ' ' + seconds + ' ' + second_text + ' remaining';
            seconds--;
        }, 1000);
    }
    </script>
</head>
<body>
<div id='countdown'></div>
</body>
</html>