Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.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,我正在尝试为计时器创建一个闪烁效果,当时间达到10秒以下时。这就是我的计时器当前的样子: 功能启动定时器(持续时间,显示){ var定时器=持续时间,分钟,秒; setInterval(函数(){ 分钟=parseInt(计时器/60,10) 秒=parseInt(计时器%60,10); 分钟=分钟

我正在尝试为计时器创建一个闪烁效果,当时间达到10秒以下时。这就是我的计时器当前的样子:

功能启动定时器(持续时间,显示){
var定时器=持续时间,分钟,秒;
setInterval(函数(){
分钟=parseInt(计时器/60,10)
秒=parseInt(计时器%60,10);
分钟=分钟<10?“0”+分钟:分钟;
秒=秒<10?“0”+秒:秒;
显示文本(分钟+“:”+秒);
如果(--定时器<10){
设置间隔(闪光,1000);
}
}, 1000);    
}
函数flash(){
$(“#时间”).toggleClass(“背景”);
}
jQuery(函数($){
var五分钟=20,
显示=$(“#时间”);
startTimer(五分钟,显示);
});
.backgroundRed{
背景:红色;
}

00:20分钟后注册结束!

作为一个非常简单的选择:

let flashInterval;
功能启动计时器(持续时间、显示){
var定时器=持续时间,分钟,秒;
setInterval(函数(){
分钟=parseInt(计时器/60,10)
秒=parseInt(计时器%60,10);
分钟=分钟<10?“0”+分钟:分钟;
秒=秒<10?“0”+秒:秒;
显示文本(分钟+“:”+秒);
如果(--定时器<10&!闪光间隔){
flashInterval=设置间隔(flash,1000);
}
}, 1000);    
}
函数flash(){
$(“#时间”).toggleClass(“背景”);

}
您每秒创建一个新的闪存间隔。只创建一次。你能告诉我怎么做吗?