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

适合我。这不是您的浏览器或代码的问题：

＆＃13;

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

＆＃13;

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

＆＃13;

鉴于screenshot of your error，这可能是Dreamweaver问题。也许setTimeout不存在，或者应用程序没有正确提升您的功能。

您可以尝试：

将showPage功能移到代码

myFunction

使用setTimeout

window.setTimeout

从JavaScript中删除<script>个元素

旁注：

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

Javascript加载器问题

1 个答案: