I'm trying to make a function to show some messages after 2 seconds in a 'for' function, but seems like isn't running in order at all, if I set one time higher, it will not wait until is done and just get to the next task. How to make setTimeout wait to finish before starting a new one?
time += 2000;
(function(set, cName, time) {
if (cName == "A" || cName == "B") {
setTimeout(function() {
text.innerHTML = "somethibng <br />"+text.innerHTML;
set.setAttribute("class", "type"+cName );
}, time);
} else {
setTimeout(function() {
text.innerHTML = "something else <br />"+text.innerHTML;
set.setAttribute("class", "type"+cName );
}, time);
setTimeout(function() { text.innerHTML = "and then another text <br />"+text.innerHTML; }, time);
}
})(set, cName, time);
it's an async callback, call the next setTimeout from within the callback of the first.
time += 2000;
(function(set, cName, time) {
if (cName == "A" || cName == "B") {
setTimeout(function() {
text.innerHTML = "somethibng <br />"+text.innerHTML;
set.setAttribute("class", "type"+cName );
}, time);
} else {
setTimeout(function() {
text.innerHTML = "something else <br />"+text.innerHTML;
set.setAttribute("class", "type"+cName );
/******* call second setTimeout once the first one finished ***/
setTimeout(function() { text.innerHTML = "and then another text <br />"+text.innerHTML; }bind(<pass things to the second timeout if you need>), time);
/**** notice the bind, it's not mandatory (unless you pass vars to the second timeer) **/
}), time);
}
})(set, cName, time);
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.