Javascript / jQuery:在第一次AJAX调用成功时开始“闪烁”,在下一次停止

零对冲

我正在尝试实现一种“闪烁”效果,以向用户发出信号,表明正在执行后台任务:在进行Ajax调用时,该按钮会悬停/闪烁,并在完成后恢复为完全不透明。但是,我得到的结果很奇怪且不一致。我最接近的是:

// globals are bad, I know
should_blink = true

// right before Ajax call
should_blink('#my-button', do_animate);


// inside Ajax call success
do_animate = false;
should_blink('#my-button', do_animate);

function should_blink(selector, do_animate) {
    console.log(do_animate);
    if (do_animate) {
    $(selector).fadeOut(300, function () {
        $(this).fadeIn(300, function () {
            should_blink(this, do_animate);
            })})}
            else {
                $(this).fadeIn(300);
            }
        }
零对冲

我通过使用CSS以更简单的方式解决了这个问题blink

@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink{
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease-in-out;
    -webkit-animation-direction: alternate;
}

然后,我使用jquery的AddClassRemoveClass触发动画。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在下一次迭代之前在JavaScript循环中添加延迟?

仅在第一次或刷新时加载Javascript

第一次出现数字时Javascript拆分一次

JavaScript canvas:使用context.clearRect进行清除时,所有内容都会在下一次绘制时重新出现

未加载JavaScript代码(仅第一次)

Javascript减少陷阱-跳过第一次迭代?

Javascript变量第一次未正确设置

Javascript / css过渡仅在第一次工作

javascript没有看到第一次点击?

Javascript“ for”循环未在第一次完全执行

javascript:它会一直复制第一次点击时复制的内容

Javascript、CSS、按钮在第一次点击后不会调用动画函数

Javascript SessionStorage 项目在第一次函数调用中不可用

Javascript / JQuery在第一次加载时加载当前日期,但在更改页面后保存日期

javascript切换在第一次按下时不起作用

html Javascript提交按钮在第一次单击时不起作用

Onclick javascript 函数在第一次点击时不起作用

JavaScript不会在第一次按键时更新输入值

Javascript-动画仅在第一次按下按钮时起作用

我的 Javascript 代码在第一次点击时不起作用

多重选择中的for循环不被称为第一次javascript / jquery

如何从 JavaScript 中的 API 更新下一次搜索的页面?

(Javascript) 递归函数在第一次调用时有效,但在第二次振荡数字时无效

JavaScript - 如何以第一次加载时 JavaScript 显示设置值的方式预填写表单?

Javascript - 观察表单元素上的第一次交互/更改

Javascript Blob()不会在第一次单击中创建文件

在 Typescript/Javascript 的 String 数组中查找第一次出现的字符串

Javascript拆分句子仅通过第一次同意

为什么类第一次在javascript中返回空原型对象?