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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-如何为按钮文本设置动画？ (动画的加载类型)-jQuery？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含864字，纯文字阅读大概需要2分钟。

内容图文

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

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

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

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

请注意,我不是在寻找图像按钮解决方案,这意味着我不想实现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？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端