Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Tetingkap pop timbul JavaScript ditutup

Tetingkap pop timbul JavaScript ditutup

WBOY
Lepaskan: 2023-05-17 16:23:38
asal
2809 orang telah melayarinya

JavaScript ialah bahasa pengaturcaraan yang biasa digunakan yang digunakan secara meluas dalam pembangunan aplikasi web. Salah satu ciri penting ialah tetingkap pop timbul. Tetingkap timbul adalah sangat biasa dalam tapak web, seperti mengingatkan pengguna untuk log masuk atau mendaftar, memaparkan iklan, atau menggesa pengguna untuk ralat, dsb. Tetapi kadangkala adalah perlu untuk menutup tetingkap pop timbul ini secara automatik selepas satu tempoh masa, jika tidak, ia boleh menjejaskan pengalaman pengguna atau kesan halaman. Oleh itu, artikel ini akan memperkenalkan cara menggunakan JavaScript untuk menutup tetingkap pop timbul.

Terdapat dua cara biasa untuk menutup tetingkap timbul dalam JavaScript: menggunakan fungsi setTimeout dan menggunakan fungsi setInterval. Di bawah ini kami memperkenalkan kaedah pelaksanaan kedua-dua kaedah ini masing-masing.

1. Gunakan fungsi setTimeout

Fungsi setTimeout ialah fungsi pemasa dalam JavaScript yang boleh melaksanakan fungsi selepas kelewatan tertentu. Kita boleh menggunakan fungsi setTimeout untuk menangguhkan penutupan tetingkap timbul, seperti yang ditunjukkan di bawah:

function closeWindow() {
    window.close();
}

setTimeout(closeWindow, 5000); // 5秒后关闭窗口
Salin selepas log masuk

Dalam contoh ini, kami mentakrifkan fungsi bernama closeWindow untuk menutup tetingkap timbul. Kemudian kami menggunakan fungsi setTimeout untuk menangguhkan panggilan fungsi ini selama 5 saat.

2. Gunakan fungsi setInterval

Fungsi setInterval juga merupakan fungsi pemasa JavaScript. Begitu juga, kita juga boleh menggunakan fungsi setInterval untuk menutup tetingkap pop timbul secara kerap, seperti yang ditunjukkan di bawah:

var intervalId;

function closeWindow() {
    window.close();
}

function startTime() {
    intervalId = setInterval(closeWindow, 5000); // 每5秒调用一次closeWindow函数
}

function stopTime() {
    clearInterval(intervalId);
}
Salin selepas log masuk

Dalam contoh ini, kami mentakrifkan tiga fungsi, iaitu closeWindow, startTime dan stopTime. Fungsi closeWindow digunakan untuk menutup tetingkap pop timbul, fungsi startTime digunakan untuk memulakan pemasa untuk memanggil fungsi closeWindow dengan kerap, dan fungsi stopTime digunakan untuk menghentikan pemasa.

Dalam aplikasi sebenar, kami biasanya menggunakan fungsi setTimeout untuk menutup tetingkap pop timbul, kerana ia hanya akan dilaksanakan sekali dan tidak akan menjejaskan prestasi halaman. Fungsi setInterval mungkin menjejaskan prestasi halaman disebabkan oleh pelaksanaan berulang fungsi. Walau bagaimanapun, dalam beberapa kes, anda mungkin perlu menggunakan fungsi setInterval, sebagai contoh, anda perlu memaparkan set gambar atau teks dengan kerap.

Ringkasan

Di atas ialah dua cara biasa untuk menggunakan JavaScript untuk menutup tetingkap timbul. Gunakan fungsi setTimeout dan fungsi setInterval untuk menutup tetingkap pop timbul secara kerap, yang boleh meningkatkan pengalaman pengguna dan kesan halaman. Dalam aplikasi sebenar, anda boleh memilih kaedah yang hendak digunakan berdasarkan keperluan khusus.

Atas ialah kandungan terperinci Tetingkap pop timbul JavaScript ditutup. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan