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

Question

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

我在页面中有一个表单，该表单将提交给自己以在类中执行一些过程(运行函数)。

单击提交按钮后，我想将按钮文本设置为动画“提交。” -> “提交 ..” -> “提交……” -> “提交……” -> “提交……” 然后再返回。有点“动画化”按钮文本。

完成整个过程后，按钮文本将再次变回“提交”文本。

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

有没有人以前做过这个或者知道怎么做？我有谷歌，但似乎找不到这种东西。

Answer 1

用 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);
}