Javascript 一个倒计时计时器,在接近尾声时有闪烁的颜色
我正在尝试为计时器创建一个闪烁效果,当时间达到10秒以下时。这就是我的计时器当前的样子:Javascript 一个倒计时计时器,在接近尾声时有闪烁的颜色,javascript,jquery,Javascript,Jquery,我正在尝试为计时器创建一个闪烁效果,当时间达到10秒以下时。这就是我的计时器当前的样子: 功能启动定时器(持续时间,显示){ var定时器=持续时间,分钟,秒; setInterval(函数(){ 分钟=parseInt(计时器/60,10) 秒=parseInt(计时器%60,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(“背景”);
}
您每秒创建一个新的闪存间隔。只创建一次。你能告诉我怎么做吗?