Menghentikan pesan yang akan muncul dengan menggunakan javascript

Pada postingan kali ini Saya membuat postingan tentang javascript. Disini Saya menggunakan javascript untuk menghentikan pesan yang akan muncul. Dimana pesan tersebut sudah diatur waktu kemunculannya. Nah, sebelum pesan tersebut muncul Anda bisa menghentikan kemunculannya dengan mengklik tombol 'Berhenti' dan 'Berhenti Lagi' yang ada pada contoh yang ada di bagian bawah postingan ini.

Adapun setingan waktu yang Saya gunakan untuk menampilkan pesan pada contoh yang pertama selama 7 detik. Sebelumnya silahkan Anda klik tombol 'Mulai' terlebih dahulu. Berikut ini script beserta contohnya:

<!DOCTYPE html>
<html>
<body>

<button onclick="berhenti=setTimeout(waktu, 7000);">Mulai</button>
<button onclick="clearTimeout(berhenti)">Berhenti</button>

<script>
function waktu() {
    alert('Selamat Datang');
}
</script>

</body>
</html>

Nanti hasilnya akan seperti ini:

Sedangkan yang dibawah ini contoh dengan setingan waktu yang lebih cepat, yaitu sedetik. Hampir sama seperti contoh yang diatas, silahkan Anda klik tombol 'Mulai Lagi' terlebih dahulu. Script beserta contohnya seperti ini:

<!DOCTYPE html>
<html>
<body>

<button onclick="berhenti=setTimeout(waktu, 1000);">Mulai Lagi</button>
<button onclick="clearTimeout(berhenti)">Berhenti Lagi</button>

<script>
function waktu() {
    alert('Sampai Bertemu Kembali');
}
</script>

</body>
</html>

Selamat mencoba.
Sekian, semoga bermanfaat. Mohon maaf bila ada kesalahan. Terima kasih atas kunjungannya.

Pages

w3codez

adchoices