javascript - JS 代码非顺序执行语句 单步运行正常,直接跑出问题
本文介绍了javascript - JS 代码非顺序执行语句 单步运行正常,直接跑出问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
想实现 弹框3s后自动隐藏,我设定了如下代码:
document.getElementById("alertMessageSel").style.display = "block";
document.getElementById("alertMessage").innerHTML = "两次输入手机号不一致!";
var t = Date.now();
var t1 = Date.now() + 100;
while(t1 - t <= 3000) {
t1 = Date.now();
};
document.getElementById("alertMessage").innerHTML = "";
document.getElementById("alertMessageSel").style.display = "none";
单步调试没有问题,会顺序执行,我指的是打断点,效果和我想象一样,但是不打断点直接运行就不会出现这个效果。
我想到了js在运行过程中运行应该有自己的执行方式。
2.想知道其中的运行机制,想了解如何实现,达到我预期的效果。
解决方案
document.getElementById("alertMessageSel").style.display = "block";
document.getElementById("alertMessage").innerHTML = "两次输入手机号不一致!";
setTimeout(function () {
document.getElementById("alertMessage").innerHTML = "";
document.getElementById("alertMessageSel").style.display = "none";
}, 3000);
这篇关于javascript - JS 代码非顺序执行语句 单步运行正常,直接跑出问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文