在网页中，我正在写一个用户在玩游戏，一旦他们赢了，文本就会闪烁。一旦用户点击重新启动，文本就会闪烁。我想知道如何使用Jquery（我必须使用jquery作为要求）来做到这一点？
感谢您的帮助！
以下是我认为可以满足您需求的摘录。
这取决于setInterval并clearInterval处理重复触发的回调CSS类。您可以使用更多的CSS动画/转场来增加效果。
(function() {
var flasherInterval = 0,
$flasher = $('#flasher');
$('#win').on('click', function() {
if (!flasherInterval) {
flasherInterval = setInterval(function() {
$flasher.toggleClass('hidden');
}, 250);
}
});
$('#restart').on('click', function() {
console.log(flasherInterval);
clearInterval(flasherInterval);
if (!$flasher.hasClass('hidden')) {
$flasher.toggleClass('hidden');
}
flasherInterval = 0;
});
}());.hidden {
display: none;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="win">Win</button>
<button id="restart">Restart</button>
<p id="flasher" class="hidden">Flashing text!</p>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句