Menampilkan pesan menggunakan waktu dengan javascript

Untuk menampilkan pesan dengan mengatur waktu tampilnya, Anda bisa menggunakan script dengan menggunakan javascript. Dimana waktunya bisa Anda atur sesuai dengan keinginan. Adapun angka '5000' pada script yang ada di bawah merupakan waktu yang Saya gunakan untuk menampilkan pesan, yaitu selama 5 detik.

Pesan akan muncul setelah Anda mengklik tombol yang ada di bagian bawah postingan ini. Setelah 5 detik, pesan 'Selamat Datang' akan muncul. Berikut ini scriptnya:

<!DOCTYPE html>
<html>
<body>

<button onclick="setTimeout(waktu, 5000);">Tombol</button>

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

</body>
</html>

Nanti hasilnya akan seperti ini:

Sedangkan contoh yang dibawah ini Saya menggunakan waktu sedetik dengan tampilan pesan 'Sampai Jumpa Lagi'. Berikut ini scriptnya:

<!DOCTYPE html>
<html>
<body>

<button onclick="setTimeout(waktu, 1000);">Tombol</button>

<script>
function waktu() {
    alert('Sampai Jumpa Lagi');
}
</script>

</body>
</html>

Adapun hasilnya akan seperti ini:

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

Pages

w3codez

adchoices