我有一些想做的事情,想看看你们的想法以及如何实现.
我在页面中获得了一个表单,该表单将提交给自己以在类中执行某些过程(运行功能).
单击提交按钮后,我想为按钮文本设置动画
“提交.”-> “提交..”-> “提交…”-> “提交….”-> “提交….”,然后再次返回.
对按钮文本进行“动画处理”.
整个过程完成后,按钮文本将再次变为“提交”文本.
请注意,我不是在寻找图像按钮解决方案,这意味着我不想实现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);
}