作者热门文章
- xml - AJAX/Jquery XML 解析
- 具有多重继承的 XML 模式
- .net - 枚举序列化 Json 与 XML
- XML 简单类型、简单内容、复杂类型、复杂内容
我正在制作一个购物车网站,我希望我的添加到购物车按钮在点击它时显示商品已添加,但只持续大约 2 秒然后它就会改变返回加入购物车。我该如何实现?
最佳答案
在纯 Javascript 中,您可以使用一个变量来检查按钮是否被单击,如果没有,则将按钮设置为所需的字符串并在两秒后将其改回。
document.getElementById('button').addEventListener('click', function (clicked) {
return function () {
if (!clicked) {
var last = this.innerHTML;
this.innerHTML = 'Item added';
clicked = true;
setTimeout(function () {
this.innerHTML = last;
clicked = false;
}.bind(this), 2000);
}
};
}(false), this);
<button id="button">Add to Cart</button>
关于javascript - 如何仅使用 javascript 在短时间内更改按钮文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39610661/
我是一名优秀的程序员,十分优秀!