Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.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 在alertbox中创建倒计时计时器_Javascript_Jquery_Asp.net Mvc 3_Logic_Countdowntimer - Fatal编程技术网

Javascript 在alertbox中创建倒计时计时器

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

我需要在中创建一个计时器,它将显示在javascript的alertbox中,并开始从4分钟倒计时到0。。时间一过,计时器就应该停止。我希望这一切都是用Javascript创建的。我已尝试使用从该链接获得的以下代码:

但这对我不起作用。我已经这样做了:

<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时,每时每刻都会显示警报消息。我不知道你对这个的要求,我没碰那个密码。 请点击此链接获取更多信息