Rumah  >  Artikel  >  hujung hadapan web  >  jquery melaksanakan berapa saat untuk menyembunyikan gambar selepas itu

jquery melaksanakan berapa saat untuk menyembunyikan gambar selepas itu

青灯夜游
青灯夜游asal
2022-04-20 17:33:011682semak imbas

Kaedah pelaksanaan: 1. Gunakan pernyataan "$("img").delay(milliseconds).fadeOut()" dan delay() untuk menetapkan detik tunda; 2. Gunakan "setTimeout(function(); { $("img").hide(); }, nilai milisaat);" pernyataan, ditangguhkan oleh pemasa.

jquery melaksanakan berapa saat untuk menyembunyikan gambar selepas itu

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.

Kadangkala halaman perlu menambah beberapa kesan dinamik, menggunakan kelewatan beberapa saat untuk menyembunyikan imej dan hilang selepas memaparkannya untuk beberapa saat yang ditentukan Di sini kami menunjukkan kepada anda cara menggunakan jQuery untuk menetapkan bilangan saat tertentu (5 saat) sebelum menyembunyikan imej.

Kaedah 1: Gunakan kaedah .delay()

Tetapkan imej img untuk disembunyikan selepas dipaparkan selama 5 saat.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					$("img").delay(5000).fadeOut();
				});
			});
		</script>
	</head>
	<body>
		<img  src="img/1.jpg"    style="max-width:90%" / alt="jquery melaksanakan berapa saat untuk menyembunyikan gambar selepas itu" >
		<br><br>
		<button>实现5秒后隐藏图片</button>

	</body>
</html>

jquery melaksanakan berapa saat untuk menyembunyikan gambar selepas itu

Kaedah 2: Gunakan kaedah setTimeout()

Gunakan setTimeout() untuk menetapkan pemasa untuk dipaparkan selama 5 saat Sembunyikan gambar kemudian.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					setTimeout(function() { $("img").hide(); }, 5000);
				});
			});
		</script>
	</head>
	<body>
		<img  src="img/1.jpg"    style="max-width:90%" / alt="jquery melaksanakan berapa saat untuk menyembunyikan gambar selepas itu" >
		<br><br>
		<button>实现5秒后隐藏图片</button>

	</body>
</html>

jquery melaksanakan berapa saat untuk menyembunyikan gambar selepas itu

[Pembelajaran yang disyorkan: tutorial video jQuery, video bahagian hadapan web]

Atas ialah kandungan terperinci jquery melaksanakan berapa saat untuk menyembunyikan gambar selepas itu. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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