javascript - 在函数之间休眠

时间:2018-03-29 12:16:58

标签: javascript

如何在循环内执行sleep函数:

async function show(){
   showdiv()
   await sleep(5000)
   hideDiv()
   await sleep(5000)
}

function showDiv(){
   $('div').fadeIn()
}

function hideDiv(){
   $('div').fadeOut()
}

function sleep(second){
     return new Promise(resolve => setTimeout(resolve, second));
}

    var i = 0

    while(i++<10){
       show()
    }

我可以如何激动地执行睡眠功能?

我在这里搜索,但没有找到相关或不理解的东西。

请帮忙!

1 个答案:

答案 0 :(得分:0)

您正在寻找的是setTimeout功能。

var timeoutID;

function delayedAlert() {
  timeoutID = window.setTimeout(slowAlert, 2000);
}

function slowAlert() {
  alert("That was really slow!");
}

function clearAlert() {
  window.clearTimeout(timeoutID);
}
<input type="button" onclick="delayedAlert()" value="Click me for Delay" />