答案在這里，通俗解釋，就是，
innerHTML 操作是及時的，但是頁面渲染是延后的，等js 代碼執(zhí)行完后，有空閑，頁面才渲染，所以會導致看起來innerHTML 后的代碼已經被行了，但是頁面還沒有改變，，，實際上DOM已經改變了，但是還沒有渲染到頁面上去
舉個例子

document.body.innerHTML = 'text';
alert(document.body.innerHTML);// you will see a 'text' alert

你會先收到彈窗，但是彈窗內容驗證了前面的代碼已經執(zhí)行了，但是頁面上你會發(fā)現(xiàn)，還沒有改變，就是這種情況。

你操作 innerHTML ,修改了DOM，但是后面的JS代碼會繼續(xù)執(zhí)行，等代碼執(zhí)行完了，進程空閑，頁面才會渲染，你才會發(fā)現(xiàn) innerHTML 改變了，所以看起來有延遲。

解決方法：

操作 innerHTML 的代碼放在一個函數(shù)先執(zhí)行，其他的代碼放在另一個函數(shù)執(zhí)行