呼叫后的特定时间（秒）一个js网址

Question

如何在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>

我要调用和执行5秒后这两个js有没有可能？

Answer 1

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

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

没有办法保证脚本在一定时间内被加载。如果文件已经被用户本地缓存，那么也可能会有一些奇怪的处理。您的问题是一个典型的XY问题，您在此询问有关尝试的解决方案而不是实际问题。

Answer 2

使用setTimeout() - 在指定的毫秒数后调用函数或评估表达式。

setTimeout(function(){ 

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


}, 5000); 

Answer 3

试试这个：

setTimeout(function(){ 

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

}, 5000); 

Answer 4

$(document).ready(function() { 
 
    // After the document is ready, wait 5 seconds and run the function 
 
    // supplied to setTimeout 
 
    setTimeout(function(){ 
 
    $('.slider').bxSlider(); 
 
    }, 5000); 
 
});

<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>

Answer 5

如果你想在一段时间后重定向到其他页面，这可能帮助你：

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