在特定时间(秒)后调用js url

时间:2017-10-18 13:46:42

标签: javascript jquery

如何在5秒后调用javascript网址

滑块示例:



$(document).ready(function() {
  $('.slider').bxSlider();
});

<link rel="stylesheet" href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js"></script>

<div class="slider">
  <div>I am a slide.</div>
  <div>I am another slide.</div>
</div>
&#13;
&#13;
&#13;

我想在5秒之后调用并执行这两个js有可能吗?

5 个答案:

答案 0 :(得分:3)

n 秒之后执行功能,而不是等待加载外部文件,这将是一个更多更好的主意。

$(document).ready(function(){
    setTimeout(function () {
        $('.slider').bxSlider();
    }, 5000);
});

无法保证在一段时间内加载脚本。如果文件已经由用户本地缓存,则还可能存在一些奇怪的处理。您的问题是一个典型的XY问题,您询问尝试的解决方案而不是实际问题

答案 1 :(得分:1)

use setTimeout() - 在指定的毫秒数后调用函数或计算表达式。

setTimeout( function(){ 

     // say 5 seconds
    // call your url here
    // or put your code, which need to be executed after x seconds


}, 5000 );

答案 2 :(得分:0)

试试这个:

setTimeout( function(){ 

    $('.slider').bxSlider();

}, 5000 );

答案 3 :(得分:0)

&#13;
&#13;
$(document).ready(function() {
  // After the document is ready, wait 5 seconds and run the function
  // supplied to setTimeout
  setTimeout(function(){
    $('.slider').bxSlider();
  }, 5000);
});
&#13;
<link rel="stylesheet" href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js"></script>

<div class="slider">
  <div>I am a slide.</div>
  <div>I am another slide.</div>
</div>
&#13;
&#13;
&#13;

答案 4 :(得分:0)

如果您希望在一段时间后重定向到其他某个页面,这可能会对您有所帮助:

$(document).ready(function(){
    setTimeout(function () {
        window.location.href = 'http://example.com';
    }, 5000);
});