在超时期间显示加载程序?应对

时间:2016-09-07 10:35:50

标签: javascript reactjs settimeout

我有这段代码

return function (dispatch) {
    console.log("\t dispatch");
    var timeoutID = setTimeout(function () {
        // rest of code here
        console.log("setTimeout 5 secondi");
    }, 3000);
}

我想问一下,是否可以在超时时添加逻辑? 例如,在执行超时时显示加载程序? 谢谢

1 个答案:

答案 0 :(得分:2)

您的意思是在调用setTimeout()之前显示加载程序并将其隐藏在setTimeout()的回调中吗?

return function (dispatch) {
    console.log("\t dispatch");
    showLoader(); // here you can display some graphic
    var timeoutID = setTimeout(function () {
        // rest of code here
        console.log("setTimeout 5 secondi");
        hideLoader(); // hide the loader graphic after 5 seconds
    }, 5000);
}