Question

我正在使用以下代码来提醒用户餐厅的时间安排。该代码在台式机浏览器中工作正常，但在需要提醒其触及网页的移动Chrome浏览器中时，效果很好。不需要提醒时，网页加载会平稳。

window.onload=startTime(); 
function startTime() {
    var today = new Date();
    var h = today.getHours();
    var m = today.getMinutes();
    var s = today.getSeconds();
    m = checkTime(m);
    s = checkTime(s);
    if(h >= 22 || h < 11)
    {
    alert("Restaurant Re-opens at 11 AM. You can still Place Order Now.");
    }

}
function checkTime(i) {
    if (i < 10) {
        i = "0" + i
        }  // add zero in front of numbers < 10
    return i;
}

如何解决这个问题？？

Answer 1

警报始终是同步的，它们将始终阻止代码执行，直到您单击“确定”为止，这在调试时很有用，但是在生产中，一切都会停止，直到您单击“确定”为止。

不要使用本机警报，可以使用UI插件向用户显示消息，bootstrap alert或jQuery alert。

了解DHTML和框架（vuejs等），看起来您所知道的只是普通js，因此您还有很长的路要走。

如果您不想使用整个框架来解决此问题，我建议不要警告用户，而是有条件地将不会下订单的信息写到文档中。

Answer 2

尝试使用定时模式，该模式将在2秒钟后消失，下一页将顺利加载

Javascript警报使网页受到打击

2 个答案: