cari

Rumah >hujung hadapan web >tutorial js >Kaedah JavaScript untuk menyembunyikan dan memaparkan gambar pada selang masa yang tetap_kemahiran javascript

Kaedah JavaScript untuk menyembunyikan dan memaparkan gambar pada selang masa yang tetap_kemahiran javascript

WBOY
WBOYasal
2016-05-16 15:46:421583semak imbas

Contoh dalam artikel ini menerangkan cara melaksanakan penyembunyian masa dan paparan imej menggunakan JavaScript. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

JavaScript digunakan di sini untuk menyembunyikan dan memaparkan imej pada selang masa yang tetap. Imej akan dipaparkan atau disembunyikan secara automatik selepas beberapa saat Anda boleh menentukan sendiri bilangan saat dalam coretan kod JavaScript.

Kesan operasi adalah seperti yang ditunjukkan di bawah:

Kod khusus adalah seperti berikut: 

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

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：JS melaksanakan kesan kotak gesaan teks pautan yang mengikuti tetikusArtikel seterusnya：JS melaksanakan kesan kotak gesaan teks pautan yang mengikuti tetikus

Artikel berkaitan

Lihat lagi