jQuery / CSS闪烁按需开始和停止

克鲁纳尔

我的应用程序严重依赖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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery:组合动画以一起开始和停止

来自分类Dev

jQuery拖动-获取开始和停止坐标

来自分类Dev

具有开始和停止的Draggables jQuery UI

来自分类Dev

奇怪的闪烁与CSS变换+ jQuery

来自分类Dev

使用hover()jQuery在CSS中闪烁文本

来自分类Dev

Jquery 问题创建闪烁的文本和图像

来自分类Dev

使用jQuery启动和停止CSS3动画

来自分类Dev

开始后取消/停止jQuery FadeOut

来自分类Dev

如何在执行jQuery的animate()之前停止屏幕闪烁

来自分类Dev

几秒钟后如何使此Jquery闪烁后台停止?

来自分类Dev

如何在执行jQuery的animate()之前停止屏幕闪烁

来自分类Dev

jQuery屏幕键盘按需

来自分类Dev

jQuery播放和停止jQuery功能

来自分类Dev

停止jQuery.css()函数

来自分类Dev

按需启动和停止烧瓶

来自分类Dev

jquery替换字符和开始和结束

来自分类Dev

CSS悬停和jQuery

来自分类Dev

jQuery和CSS问题

来自分类Dev

CSS和jQuery的分页

来自分类Dev

使CSS背景图片不断更改jQuery以模仿闪烁

来自分类Dev

jQuery mouseenter导致闪烁

来自分类Dev

jQuery调整大小闪烁

来自分类Dev

jQuery叠加闪烁

来自分类Dev

jQuery - 标题闪烁

来自分类Dev

使用jQuery的mousenter和mouseleave使文件上传按钮闪烁

来自分类Dev

jquery 淡出和淡入淡出如何不闪烁

来自分类Dev

jQuery IIFE,按需插入吗?

来自分类Dev

无法让Jquery标签按需工作

来自分类Dev

停止Visual Studio抱怨Razor和JQuery