<分区>
标签 javascript html css
<分区>
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<title>
Hiding
</title>
<link rel="stylesheet" href="css/style.css">
<script> src="scripts/hide.js"></script>
</head>
<body>
<div id ="hideme">
<h1 class="type">strongbad_email.exe</h1>
</div>
</body>
</html>
CSS
@keyframes typing { from { width: 0; } }
@keyframes blink-caret { 50% { border-color: transparent; } }
h1.type {
font: bold 100% Consolas;
border-right: .1em solid;
width: 19ch;
margin-top: 3em;
margin-left:5em;
overflow: hidden;
animation: typing 3s steps(30, end),
blink-caret .5s;
}
JS
function hid() {
document.getElementById("#hideme").style.display = "none";
}
setTimeout("hid()", 5000)
打字动画结束后,文本将保留在屏幕上。 任何帮助将不胜感激。
最佳答案
问题出在您的 JavaScript 中。试试这个:
function hid() {
document.getElementById("hideme").style.display = "none";
}
setTimeout(hid, 5000)
使用 getElementById 时,您无需指定 CSS ID 选择器。
您还只想将函数名称传递给 setTimeout
,而不是字符串。
关于javascript - 使用 JavaScript 隐藏一个 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30787576/