我正在为wordpress创建模板,我想在页面加载时插入图片,但是我希望加载持续至少3秒钟,您可以指定函数的最短执行时间?在这种情况下,我使用$(window).load(),并向放置在页面内的div添加一个类以显示它。
它可以工作,但是我希望loadig图像显示3秒钟,并且在窗口加载事件之后,我想删除我添加到sho div中的类,这是我的代码

<!DOCTYPE html>
<html>
<head>
<title>Index</title>
</head>
<body>
<div class="loader">
    loading image
</div>

<div class="content">
    main content
</div>


<script  src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js">         </script><!-- jQuery -->



</body>
</html>


这是我的CSS

.loader{`enter code here`
    position: fixed;`enter code here`
    top: 0;
    bottom:0;
    right: 0;
    left: 0;
    background-color: blue;
    z-index: 999;
    display: none;
}

.show-loader{
    display: block;
}

.content{
    background-color: red;
    height: 600px;
}


rhis是我的JQuery

jQuery(document).ready(function($) {


    $(window).load(function() {
        $('.loader').addClass('show-loader');
    });
    $('.loader').removeClass('show-loader');
});

最佳答案

您可以简单地将Javascript放入一个函数,该函数将在3秒/ 3000毫秒后被调用。

jQuery(document).ready(function($) {


  $(window).load(function() {
    $('.loader').addClass('show-loader');
  });

  setTimeout(loadImage, 3000);
}

function loadImage(){

  $('.loader').removeClass('show-loader');
  });

关于javascript - 如何执行功能至少3秒钟或更长时间,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/30012500/

10-11 13:57