Javascript/Jquery-在其他脚本运行之后运行脚本_Javascript_Jquery_Html

Javascript/Jquery-在其他脚本运行之后运行脚本

javascript jquery html

Javascript/Jquery-在其他脚本运行之后运行脚本,javascript,jquery,html,Javascript,Jquery,Html,我的网页遇到了问题。我有一个启动屏幕，应该在页面加载时运行，它做得很好。我还有一个加载屏幕，我想在启动屏幕之后运行，但我不知道如何让启动屏幕运行，然后加载下一行代码，这将是加载屏幕的加载。如何运行启动屏幕，然后运行加载屏幕？您可以看到下面的代码 <script type="text/javascript"> $(window).load(function() { $("#spinner").fadeOut( 3000 ); }) function SplashDone()

我的网页遇到了问题。我有一个启动屏幕，应该在页面加载时运行，它做得很好。我还有一个加载屏幕，我想在启动屏幕之后运行，但我不知道如何让启动屏幕运行，然后加载下一行代码，这将是加载屏幕的加载。如何运行启动屏幕，然后运行加载屏幕？您可以看到下面的代码

<script type="text/javascript">
$(window).load(function() {
     $("#spinner").fadeOut( 3000 );
})
function SplashDone() { 
         document.getElementById('splash').style.display = 'none'; 
} 
function Init() { 
        document.getElementById('splash').style.display = 'block'; 
        setTimeout(function(){ SplashDone(); }, 3000); 
}  
   window.onload = Init;
</script>
<body>
<div id="spinner">
<p>Loading</p>
</div>
<div id="splash">
<p>Splash</p>
<p><a href="#" onclick="SplashDone(); return false;">Skip</a></p>
</div>

因此，我基本上要问的是，如何在页面加载后作为脚本运行，然后在脚本运行后运行另一个脚本？

setTimeoutfunction{SplashDOne；}，3000

应该这样做吗

我不太清楚你想做什么..

setTimeoutfunction{splashtone；}，3000

应该这样做吗

我不太清楚您想做什么..

将您的脚本放在一个单独的.js文件中，然后在完成您的工作后调用它执行

$.getScript('url to js file');

将脚本放在一个单独的.js文件中，然后在完成任务后调用它执行

$.getScript('url to js file');

假设splash指的是您的启动屏幕，spinner指的是您的加载屏幕，则以下内容将在页面加载后隐藏您的启动屏幕3，然后在3秒内淡出加载程序

$(document).ready(function() {
 setTimeout(function(){
  $("#splash").css('display','none');
  $("#spinner").fadeOut( 3000 );
 }, 3000); 

});

更新：dfsq的JQ版本

旁注：我不知道你为什么要混合使用JS和JQuery，我想如果你使用其中任何一种并提高可读性，它会更有意义

假设splash指的是您的启动屏幕，spinner指的是您的加载屏幕，则以下内容将在页面加载后隐藏启动屏幕3，然后在3秒内淡出加载程序

$(document).ready(function() {
 setTimeout(function(){
  $("#splash").css('display','none');
  $("#spinner").fadeOut( 3000 );
 }, 3000); 

});

更新：dfsq的JQ版本

旁注：我不知道你为什么要混合使用JS和JQuery，我想如果你使用其中任何一种并提高可读性，它会更有意义

您可以通过splashDone功能显示加载屏幕。通过这种方式，您可以确保在两种情况下都会出现加载屏幕：如果超时时间用完，如果用户单击跳过按钮：

我还为此用途添加了showLoading函数和一些CSS，以使启动和加载在默认情况下可见，这样您就不必在页面加载时最初显示它们

演示：您可以通过splashDone功能显示加载屏幕。通过这种方式，您可以确保在两种情况下都会出现加载屏幕：如果超时时间用完，如果用户单击跳过按钮：

我还为此用途添加了showLoading函数和一些CSS，以使启动和加载在默认情况下可见，这样您就不必在页面加载时最初显示它们

演示：你意识到你有一个打字错误，SplashDonesems工作得很好->你意识到你有一个打字错误，SplashDonesems工作得很好->是的，我看到了那个打字错误，但没有，这并没有解决我的问题。我假设spinner是你的加载屏幕；将加载代码放在最后，完成了吗？如果这是你需要的，你也可以做。是的，我看到了那个打字错误，但没有，这并没有解决我要说的问题。我假设spinner是你的加载屏幕；将加载代码放在最后，完成了吗？如果这是你需要的，你也可以做。