我的应用程序严重依赖Signalr来获取实时信息。要求是,当检测到信号器的event1时,闪烁div,然后在event 2时停止闪烁。
我已经实现了使用淡入/淡出的实现,但是即使在删除类后,仍然会出现非常高的内存使用率以及淡入/淡出的问题。
function blinkcard() {
$('.blink').fadeOut(500);
$('.blink').fadeIn(500);
}
setInterval(blinkcard, 1000);
为什么不使用CSS?
$('#t').click(function() {
$("#blinkdiv").toggleClass('blink');
});
.blink {
animation: blinker 1s linear infinite;
}
@keyframes blinker {
50% {
opacity: 0.0;
}
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id=blinkdiv class='blink'>I am Blinking</div>
<p>
<button id=t>Toggle Blink</button>
PS:我从“如何使用CSS3使文本闪烁”中选择了代码?
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句