Question

祝大家好！

我正在使用所有欧洲语言的网站上工作。在主页上单击enter后，将加载地图（即第2页），显然，单击某个国家/地区会将您带到该国家/地区的语言。这是一张超酷的地图，但加载需要2秒钟。如果您的连接速度较慢，请延长。

我要在该页面上添加一行文本。

欧洲地图加载中，请一秒钟！

因此，在主页上单击enter并转到页面2（地图页面）后，该页面在2秒钟内不会保持黑色，但是上面的行显示为白色，并在2秒钟后消失（无需点击或任何其他操作。

有没有人可以给我提供相应的代码，以便我可以将其粘贴到一个空的html页面中并尝试一下？

谢谢

马克

Answer 1

尝试一下。

使用一些基本的香草javascript
设置2秒钟的超时时间以显示文本，2秒钟后删除文本并加载地图。

我在此处附加了一个示例，但您需要对JavaScript中的事件处理进行一些研究：https://jsbin.com/zegozemiwe/edit?html,js,output

编辑仍然适用相同的概念，而不是直接单击按钮绑定到页面的加载事件。

添加到此处的代码段

function makeText() {
  console.log('title');
  document.getElementById("result").innerHTML = "European map loading, ONE second please!";
  setTimeout(function() {
    document.getElementById("result").innerHTML = "";
  }, 2000)
}

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>

<body onload="makeText()">
   <!--Use the above call for the loading of the page, use the below call for execution on click-->
  <button onclick="makeText()">
Click to prompt
</button>
  <p id='result'>

  </p>
</body>

</html>

想要出现一条消息然后去-HTML？ CSS？ Java的？

1 个答案: