javascript - 单击更改按钮文本,延迟问题

标签 javascript jquery

<分区>

我认为代码解释了我正在尝试做的事情。问题是延迟不起作用。

 $( "#AddToCart" ).click(function() {
       $("#AddToCartText").text("Adding");
       $("#AddToCartText").delay(500).text("Add to cart");
  });

最佳答案

The .delay() method is best for delaying between queued jQuery effects. Because it is limited—it doesn't, for example, offer a way to cancel the delay—.delay() is not a replacement for JavaScript's native setTimeout function, which may be more appropriate for certain use cases.

$( "#AddToCart" ).click(function() {
       $("#AddToCartText").text("Adding")
       setTimeout(function() { 
          $("#AddToCartText").text("Add to cart");; 
       }, 500);
  });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="AddToCart">Add To Cart</button>
<div id="AddToCartText">

关于javascript - 单击更改按钮文本,延迟问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57781500/

相关文章:

保持旧变量的javascript

javascript - 检查复选框是否已选中并且禁用按钮不起作用

Jquery 计数 2 个元素之间的项目

javascript - 将 jQuery ajax 值传递回调用 JavaScript 函数

javascript - 使 jQuery 线条动画在滚动上移动

javascript - PyQt (PySide)、WebKit 和从/向 Javascript 公开方法

javascript - react : Conditional Render - "Cannot read property ' 0' of null"

javascript - 将 Rails JSON 与 JQuery 一起使用的简单示例?

javascript - JQuery 1.10.1 无法删除父级 <p>

javascript - 设置一个div的高度为页面剩余高度