jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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);
}

大佬总结

以上是大佬教程为你收集整理的javascript-如何为按钮文本设置动画? (动画的加载类型)-jQuery? 全部内容,希望文章能够帮你解决javascript-如何为按钮文本设置动画? (动画的加载类型)-jQuery? 所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。