Das Beispiel in diesem Artikel beschreibt, wie Sie das zeitliche Ausblenden und Anzeigen von Bildern mithilfe von JavaScript implementieren. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:
JavaScript wird hier verwendet, um Bilder in regelmäßigen Abständen ein- und auszublenden. Das Bild wird nach einigen Sekunden automatisch angezeigt oder ausgeblendet. Die Anzahl der Sekunden können Sie im JavaScript-Code-Snippet festlegen.
Der Betriebseffekt ist wie folgt:
Der spezifische Code lautet wie folgt:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>定时隐藏图片</title>
</head>
<SCRIPT LANGUAGE="JavaScript">
var sec=10;
var timer;
function hidepic()
{
sec--;
if (sec==0){
textfield.value = "图片被隐藏";
soccer.style.visibility =(soccer.style.visibility == "hidden") ? "visible" : "hidden";
}
else{
textfield.value = "图片会在 "+sec+" 秒后隐藏";
setTimeout("hidepic()",1000);
}
}
</SCRIPT>
<body onLoad = "hidepic();">
<center>
<input name="textfield" type="text" size="20"> <br>
<DIV ID="soccer" STYLE="position:absolute; left:333px; top:43px">
<img border="0" src="http://www.jb51.net/images/logo.gif" >
</DIV>
</center>
</body>
</html>Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
