Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/386.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 在第二次倒计时后重置第一次倒计时_Javascript_Jquery - Fatal编程技术网

Javascript 在第二次倒计时后重置第一次倒计时

Javascript 在第二次倒计时后重置第一次倒计时,javascript,jquery,Javascript,Jquery,我正在做一个简单的倒计时,当它为零时显示一个模式,然后在该模式上有另一个倒计时,它将在零时关闭 我想要的是重新设置第一次倒计时,并执行相同的过程 我怎样才能做到这一点 希望你能理解我 谢谢 //声明开始时间 var timer2=“00:00:10”; //timer2=timer2.replace(/秒|_/g、 '') //几秒钟 var interval=setInterval(函数(){ //计时器将为[小时、分钟、秒] var timer=timer2.split(“:”); var

我正在做一个简单的倒计时,当它为零时显示一个模式,然后在该模式上有另一个倒计时,它将在零时关闭

我想要的是重新设置第一次倒计时,并执行相同的过程

我怎样才能做到这一点

希望你能理解我

谢谢

//声明开始时间
var timer2=“00:00:10”;
//timer2=timer2.replace(/秒|_/g、 '')
//几秒钟
var interval=setInterval(函数(){
//计时器将为[小时、分钟、秒]
var timer=timer2.split(“:”);
var hour=parseInt(计时器[0],10);
var minutes=parseInt(计时器[1],10);
var seconds=parseInt(计时器[2],10);
//减少一秒
--秒;
//计算新的分钟和小时数
分钟=(秒<0)?--分钟:分钟;
如果(分钟<0){
分钟=00;
秒=00;
间隔时间;
$('#informationModal').fadeIn();
var timeleft=4;
var downloadTimer=setInterval(函数(){
时间限制--;
$('.sec').text(timeleft);
if(timeleft==0){
clearInterval(下载计时器);
$('#informationModal').fadeOut();
分钟=00;
秒=10;
}
},1000);
}
秒=(秒<0)?59:秒;
秒=(秒<10)?“0”+秒:秒;
分钟=(分钟<0)?59:分钟;
分钟=(分钟<10)?“0”+分钟:分钟;
小时=(小时<0)?59:小时;
小时=(小时<10)?“0”+小时:小时;
timer2=小时+':'+分钟+':'+秒;
$('#倒计时').html(timer2);
}, 1000);

这是为了让您了解如何通过在函数中定义代码范围,然后反复调用该函数来解决此问题

var timer2=“00:00:5”;
var小时=0;
var分钟=0;
var秒=0;
var setupTime=函数(时间){
设timer=time.split(“:”);
小时=parseInt(计时器[0],10);
分钟=parseInt(计时器[1],10);
秒=parseInt(计时器[2],10);
}
设置时间(timer2);
var myFunction=function(){
var interval=setInterval(函数(){
--秒;
分钟=(秒<0)?--分钟:分钟;
如果(分钟<0和秒<0){
间隔时间;
$('#informationModal').fadeIn();
var timeleft=4;
var downloadTimer=setInterval(函数(){
时间限制--;
$('.sec').text(timeleft);
if(timeleft==0){
clearInterval(下载计时器);
$('#informationModal').fadeOut();
//重置计时器并调用myFunction重新启动
设置时间(timer2);
myFunction();
}
},1000);
}否则{
$('#倒计时').html(秒);
}
}, 1000);
};
myFunction()
.modal{
显示:无;/*默认情况下隐藏*/
位置:固定;/*保持原位*/
z指数:1;/*位于顶部*/
左:0;
排名:0;
宽度:100%;/*全宽*/
高度:100%;/*全高*/
溢出:自动;/*根据需要启用滚动*/
背景色:rgb(0,0,0);/*回退色*/
背景色:rgba(0,0,0,0.4);/*黑色w/不透明度*/
}
/*模态内容/框*/
.模态内容{
背景色:#fefe;
保证金:15%自动;/*15%从顶部和居中*/
填充:20px;
边框:1px实心#888;
宽度:80%;/*可能更多或更少,具体取决于屏幕大小*/
}

模态中的一些文本


这是为了让您了解如何通过在函数中定义代码范围,然后反复调用该函数来解决此问题

var timer2=“00:00:5”;
var小时=0;
var分钟=0;
var秒=0;
var setupTime=函数(时间){
设timer=time.split(“:”);
小时=parseInt(计时器[0],10);
分钟=parseInt(计时器[1],10);
秒=parseInt(计时器[2],10);
}
设置时间(timer2);
var myFunction=function(){
var interval=setInterval(函数(){
--秒;
分钟=(秒<0)?--分钟:分钟;
如果(分钟<0和秒<0){
间隔时间;
$('#informationModal').fadeIn();
var timeleft=4;
var downloadTimer=setInterval(函数(){
时间限制--;
$('.sec').text(timeleft);
if(timeleft==0){
clearInterval(下载计时器);
$('#informationModal').fadeOut();
//重置计时器并调用myFunction重新启动
设置时间(timer2);
myFunction();
}
},1000);
}否则{
$('#倒计时').html(秒);
}
}, 1000);
};
myFunction()
.modal{
显示:无;/*默认情况下隐藏*/
位置:固定;/*保持原位*/
z指数:1;/*位于顶部*/
左:0;
排名:0;
宽度:100%;/*全宽*/
高度:100%;/*全高*/
溢出:自动;/*根据需要启用滚动*/
背景色:rgb(0,0,0);/*回退色*/
背景色:rgba(0,0,0,0.4);/*黑色w/不透明度*/
}
/*模态内容/框*/
.模态内容{
背景色:#fefe;
保证金:15%自动;/*15%从顶部和居中*/
填充:20px;
边框:1px实心#888;
宽度:80%;/*可能更多或更少,具体取决于屏幕大小*/
}

模态中的一些文本


最简单的方法是将所有内容封装到一个函数中,并在modal的淡出完成时再次调用该函数

$(“#informationModal”).fadeOut(400,startTimer)

函数startTimer(){
//声明开始时间
var timer2=“00:00:10”;
//timer2=timer2.replace(/秒|_/g、 '')
//几秒钟
var interval=setInterval(函数(){
//
//declare start time
        var timer2 = "00 : 00 : 10";
        // timer2 = timer2.replace(/秒|_/g,'')


        //intercal for seconds
        var interval = setInterval(function() {
          //timer will be [hour, minute, second]
          var timer = timer2.split(':');
          var hour = parseInt(timer[0], 10);
          var minutes = parseInt(timer[1], 10);
          var seconds = parseInt(timer[2], 10);
          //reduce second by one
          --seconds;
          //calculate new minute and hours
          minutes = (seconds < 0) ? --minutes : minutes;

          if (minutes < 0) {


            minutes = 00;
            seconds = 00;
            clearInterval(interval);

            $('#informationModal').fadeIn();

        var timeleft = 4;
        var downloadTimer = setInterval(function(){
        timeleft--;
        $('.sec').text(timeleft);

        if(timeleft == 0){
            clearInterval(downloadTimer);
            $('#informationModal').fadeOut();
            minutes = 00;
            seconds = 10;
        }
    },1000);


          }

          seconds = (seconds < 0) ? 59 : seconds;
          seconds = (seconds < 10) ? '0' + seconds : seconds;
          minutes = (minutes < 0) ? 59 : minutes;
          minutes = (minutes < 10) ? '0' + minutes : minutes;
          hour = (hour < 0) ? 59 : hour;
          hour = (hour < 10) ? '0' + hour : hour;


          timer2 = hour + ':' + minutes + ':' + seconds;
          $('#countdown').html(timer2);

        }, 1000);