首页 > 解决方案 > 预加载器 wordpress 最短时间

问题描述

我需要创建一个保持最短给定时间(6 秒)的预加载器。我对jQuery一无所知,但这是一个Wordpress插件的代码,我想我需要在这里添加时间:

jQuery(函数($){

var width = 100,
    perfData = window.performance.timing, // The PerformanceTiming interface represents timing-related performance information for the given page.
    EstimatedTime = -(perfData.loadEventEnd - perfData.navigationStart),
    time = parseInt((EstimatedTime/1000)%60)*100;

        var preloader = document.querySelector(".preloader-plus");
        $('body').prepend(preloader);

        var progBar = document.querySelector(".prog-bar"),
  start = 0,
  end = 70,
  duration = time,
        counter = document.getElementById("preloader-counter");

        animateValue(progBar, start, end, duration);

function animateValue(element, start, end, duration) {

var range = end - start,
    current = start,
    increment = end > start? 1 : -1,
    stepTime = Math.abs(Math.floor(duration / range)),
    obj = element;

var timer = setInterval(function() {
        if(current < end) {
            current += increment;
        }
        if (obj !== null) {
            obj.style["transition-duration"] = "0.001s";
            obj.style.width= current + "%";
        }
        if (counter !== null) {
    counter.innerHTML = current + "%";
        }
  if ( current == end ) {
            var endLoading = setInterval( function() {
                current += increment;
                if (obj !== null) {
                    obj.style.width= current + "%";
                }
                if (counter !== null) {
            counter.innerHTML = current + "%";
                }
                if(current == 100) {
                    setTimeout( function() {
                        $('body, .preloader-plus').addClass('complete');
                    }, preloader_plus.animation_delay)
                    clearInterval(endLoading);
                }
            }, 1)
            clearInterval(timer);
  }
}, stepTime);
}

});

如果你能帮助我会很高兴,谢谢!(如果您需要更多信息,请告诉我)

标签: jquerypreloader

解决方案


推荐阅读