Javascript jQuery闪烁文本1分钟

如何在1分钟内设置闪烁，然后在下面的jQuery函数中取消闪烁

var html = '<table>';
for(var i in list)
{
    var tClass = list[i];

    if(jsonStr.currentTime == times[list[i].toLowerCase()]+":00")
    {
        $("#audio").html('<audio style="width: 100%;" class="audioDemo" controls preload="none" controlsList="nodownload"><source src="assets/audio/alarm2.mp3" type="audio/mpeg"></audio>');
        $(".audioDemo").trigger("play");

        tClass += " blinker";
    }

    html += '<td class="box"><span class="'+ tClass+'">'+ list[i]+'<div class="timeValue">'+ times[list[i].toLowerCase()]+'</div></span></td>';
}
html += '</table>';
document.getElementById('todayPrayTime').innerHTML = html;

$('.blinker').blink();

var html=''；
用于（列表中的var i）
{
var tClass=列表[i]；
if（jsonStr.currentTime==times[list[i].toLowerCase（）]+“：00”）
{
$（“#音频”）.html（“”）；
$（“.audioDemo”）.trigger（“play”）；
tClass+=“闪烁器”；
}
html++=''+list[i]+''+次[list[i].toLowerCase（）]+''；
}
html+=''；
document.getElementById（'todayPrayTime'）。innerHTML=html；
$（'.blinker'）.blink（）；

当前功能，它将只闪烁1次

我想要的是将闪烁设置为1分钟，然后将其清除。

有停止闪烁的方法，因此您可以将其与设置超时一起使用。

$('.blinker').blink();

setTimeout( function(){
   $('.blinker').unblink();
}, 60*1000);

演示

$（文档）.ready（函数（）{
$（'.blinker'）.blink（）；
setTimeout（函数（）{
$（'.blinker'）.unblink（）；
}, 60 * 1000);
});

这条线会闪烁
该行不会闪烁
有停止闪烁的方法，因此您可以将其与
设置超时一起使用

$('.blinker').blink();

setTimeout( function(){
   $('.blinker').unblink();
}, 60*1000);

演示


$（文档）.ready（函数（）{
$（'.blinker'）.blink（）；
setTimeout（函数（）{
$（'.blinker'）.unblink（）；
}, 60 * 1000);
});

这条线会闪烁
此行不会闪烁
您可以使用
setInterval
函数（）。使用
clearInterval
1分钟后，您可以使用
setInterval
功能（）。1分钟后使用
clearInterval
解决此问题的一种方法是使用
setTimeOut（）
：

在您的情况下，您可以将以下内容添加到代码中：

setTimeout(function() {

$(".blinker").unblink();

},60000)

60000
表示60乘以1000毫秒

闪烁一次：尝试添加时间跨度：

$(".blinker").blink(500);

编辑：在通过StackOverflow聊天进行一些主要调试之后，我们发现代码中还有一些问题，阻止了上述解决方案的工作。最后我们解决了这一切。但是这个问题的主要答案在上面的解决方案中。
解决这个问题的一种方法是使用
setTimeOut（）
：

在您的情况下，您可以将以下内容添加到代码中：

setTimeout(function() {

$(".blinker").unblink();

},60000)

60000
表示60乘以1000毫秒

闪烁一次：尝试添加时间跨度：

$(".blinker").blink(500);

编辑：在通过StackOverflow聊天进行一些主要调试之后，我们发现代码中还有一些问题，阻止了上述解决方案的工作。最后我们解决了这一切。但是这个问题的主要答案在上面的解决方案中。
这里不需要JS，因为这可以在CSS中单独完成。在下面的示例中，闪烁效果需要1秒才能完成，并将出现60次：


span{
不透明度：0；
动画：闪烁1s线性60；
}
@关键帧闪烁{
从，49.9%{不透明度：0；}
50%至{不透明度：1；}
}
闪烁1分钟。
这里不需要JS，因为这可以在CSS中单独完成。在下面的示例中，闪烁效果需要1秒才能完成，并将出现60次：


span{
不透明度：0；
动画：闪烁1s线性60；
}
@关键帧闪烁{
从，49.9%{不透明度：0；}
50%至{不透明度：1；}
}
闪烁1分钟。
如果您知道它只发生一次，
setTimeOut
是比
setInterval
更好的选择。请不要使用W3Schools作为参考。他们的文章经常过时，有时甚至完全错了。MDN更全面、更准确：如果您知道它只发生一次，
setTimeOut
是比
setInterval
更好的选择。请不要使用W3Schools作为参考。他们的文章经常过时，有时甚至完全错了。MDN更全面、更准确：眨眼仍然只是其中之一time@HiDayurieDave已编辑。闪烁仍然只有一个time@HiDayurieDave你好。。。闪烁仍然只有1time@HiDayurieDave我附上了一个演示。嗨。。。闪烁仍然只有1time@HiDayurieDave我附上了一个演示。