如何使用JavaScript延迟JavaScript函数调用
如何使用JavaScript延迟JavaScript函数调用
提问于 2021-06-24 14:59:16
我有几个代码片段。基本上，我想需要的是，当用户点击按钮时，输出应该延迟2-5秒。如果短信来了更方便，请稍等...单击按钮时(但不在按钮文本中)。或者像预加载器那样的“加载图像”。
请提供任何帮助/建议
function yes() {
var button = document.getElementById('test');
var name = document.getElementById('name');
var age = document.getElementById('age');
var location = document.getElementById('location');
var str = 'Hello! <p> My name is Ashish</p><p>How Are You: ' + name.value +
'';
document.getElementById('test').innerHTML = str;
};<label>
Your Name:
<input id="name" />
</label>
<br />
<button onclick="yes()">Test</button>
<p id="test"></p>
回答 1
Stack Overflow用户
发布于 2021-06-24 15:01:37
使用延迟函数const delay = (dur) => new Promise((r) => setTimeout(r, dur));可以得到如下结果：
const delay = (dur) => new Promise((r) => setTimeout(r, dur));
async function yes() {
var button = document.getElementById('test');
var name = document.getElementById('name');
var age = document.getElementById('age');
var location = document.getElementById('location');
document.getElementById('test').innerHTML = "Please wait a while ...";
await delay(1000);
var str = 'Hello! <p> My name is Ashish</p><p>How Are You: ' + name.value +
'';
document.getElementById('test').innerHTML = str;
};<label>
Your Name:
<input id="name" />
</label>
<br />
<button onclick="yes()">Test</button>
<p id="test"></p>
或者一个简单的超时setTimeout(yes, 1000)
function yes() {
var button = document.getElementById('test');
var name = document.getElementById('name');
var age = document.getElementById('age');
var location = document.getElementById('location');
console.log("clicked on Test-Button");
var str = 'Hello! <p> My name is Ashish</p><p>How Are You: ' + name.value +
'';
document.getElementById('test').innerHTML = str;
};<label>
Your Name:
<input id="name" />
</label>
<br />
<button onclick="setTimeout(yes, 1000)">Test</button> <!-- timeout -->
<p id="test"></p>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/68110938
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号