suchen

Heim >Web-Frontend >js-Tutorial >JavaScript-Methode zum Ein- und Ausblenden von Bildern in regelmäßigen Abständen. Javascript-Kenntnisse

JavaScript-Methode zum Ein- und Ausblenden von Bildern in regelmäßigen Abständen. Javascript-Kenntnisse

WBOY
WBOYOriginal
2016-05-16 15:46:421577Durchsuche

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") &#63; "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.

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：JS implementiert den Linktext-Eingabeaufforderungsfeldeffekt, der der Maus folgtNächster Artikel：JS implementiert den Linktext-Eingabeaufforderungsfeldeffekt, der der Maus folgt

In Verbindung stehende Artikel

Mehr sehen