JavaScript加载程序问题

Question

我目前正在开发一个网站，目前我拥有最基本的代码，我去添加了一个“加载程序”，但是它说我的javascript文件中的代码行之一坏了，无法找出原因。 我是一个初学者，所以这可能就是原因。 但是，当我在浏览器中加载网站时，加载程序可以正常工作，但它不会褪色并显示该网站不断旋转。

以下是我的Java代码：

<script>
var myVar;

function myFunction() {
myVar = setTimeout(showPage, 3000);
}

function showPage() {
document.getElementById("loader").style.display = "none";
document.getElementById("myDiv").style.display = "block";
}
</script>

这是加载程序的HTML代码：

<body onload="myFunction()" style="margin:0;">

<div id="loader"></div>

<div style="display:none;" id="myDiv" class="animate-bottom">
<h2>Tada!</h2>
<p>Some text in my newly loaded page..</p>
</div>

任何帮助表示赞赏。

Answer 1

为我工作。 这与您的浏览器或代码无关：

 var myVar; function myFunction() { myVar = setTimeout(showPage, 3000); } function showPage() { document.getElementById("loader").style.display = "none"; document.getElementById("myDiv").style.display = "block"; }

 <body onload="myFunction()" style="margin:0;"> <div id="loader"></div> <div style="display:none;" id="myDiv" class="animate-bottom"> <h2>Tada!</h2> <p>Some text in my newly loaded page..</p> </div> </body>

根据错误的屏幕快照，这可能是Dreamweaver的问题。 可能不存在setTimeout ，或者应用程序未正确提升函数。

你可以试试：

在代码showPage函数移到myFunction上方
用window.setTimeout限定setTimeout
从JavaScript中删除<script>元素

边注：

添加"use strict"; 到JavaScript文件的顶部，以更快地检测并防止将来发生错误。

JavaScript加载程序问题

问题描述

1 个解决方案

解决方案1
0 2017-03-29 19:02:26

JavaScript加载程序问题

问题描述

1 个解决方案

解决方案1 0 2017-03-29 19:02:26

解决方案1
0 2017-03-29 19:02:26