javascript-如何为按钮文本设置动画? (动画的加载类型)-jQuery?

前端之家收集整理的这篇文章主要介绍了javascript-如何为按钮文本设置动画? (动画的加载类型)-jQuery? 前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我有一些想做的事情,想看看你们的想法以及如何实现.

我在页面中获得了一个表单,该表单将提交给自己以在类中执行某些过程(运行功能).

单击提交按钮后,我想为按钮文本设置动画
“提交.”-> “提交..”-> “提交…”-> “提交….”-> “提交….”,然后再次返回.
对按钮文本进行“动画处理”.

整个过程完成后,按钮文本将再次变为“提交”文本.

请注意,我不是在寻找图像按钮解决方案,这意味着我不想实现gif动画按钮图像.

任何人之前都做过此事,或者知道如何做?我有谷歌,但似乎找不到这种类型的东西.

最佳答案
使用javascript设置一个计时器,该计时器将一直运行到该过程完成为止,请确保为此设置一个标志.

而且由于您使用的是jQuery,因此只需$(“#button-id”).val(nextStep);其中nextStep是下一个动画字符串.例:

function putAnimation () {
    var b = [".","..","..." ];
    var i = 0;

    var a = setInterval(function () {
        $("#button-id").val("SUBMIT " + b[i++]);

        if (stopped) {
            $("#button-id").val("SUBMIT");
            clearInterval(a);
        }
    },500);
}

猜你在找的jQuery相关文章