这个 loading 加个循环只执行一次。其他点击不会触发这个事件。可以实现么

Question

setTimeout(function () {
        document.querySelector('.load-box').style.display = 'none'
    }, 4500);
    var _LoadingHtml = '页面加载中，请等待...';
    function completeLoading() {
    if (document.readyState == "complete") {
        var loadingMask = document.getElementById('loadingDiv');
      
        loadingMask.parentNode.removeChild(loadingMask);
    }
}

 -->

.load-box {
      
        background: rgba(0,0,0,.6) url(https://iphoneswallpapers.com/wp-content/uploads/2021/04/Loading-Feelings-iPhone-Wallpaper.jpg) center repeat;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 99999999999;
    }
<div class="load-box"></div>

Answer 1

加一个全局变量loaded给默认值是false，在代码中判定如果loaded===false,那么就进行调用，调用完成后将loaded=ture。