是否停止jquery褪色效果

Question

我正在尝试制作一个闪烁的灯光录制效果。这是我迄今为止的代码：

$("#stop").hide();
function blink() {
$("#red").fadeOut(500);
$("#red").fadeIn(500);
}
$("#start").click(function () {
$("#start").hide();
$("#stop").show();
window.test = setInterval(blink, 500);
});
$("#stop").click(function () {
window.clearInterval(test);
$("#stop").hide();
$("#start").show();
});

<button class="success" id="start">Start</button>
<button id="stop">Stop</button>

这是闪烁的灯光图像：

<img src="record.png" id="red" />

图像是实心的，jquery将其淡入淡出。但当你点击停止按钮时，它不会停止；它不停地闪烁；我还尝试使用jquery：.stop();。但这并没有奏效。我该怎么解决这个问题？感谢您提前提供的帮助！

Answer 1

尝试：

function blink() {
$("#red").fadeOut(500);
$("#red").fadeIn(500);
}
$("#start").click(function () {
$("#start").hide();
$("#stop").show();
window.test = setInterval(blink, 500);
});
$("#stop").click(function () {
window.clearInterval(test);
$("#stop").stop();
$("#start").show();
});

它应该在当前间隔之后停止发光。