Cara Delay Redirect Halaman Lain Menggunakan Javascript

Pada kesempatan ini kami kursus css private online ingin membagikan tutorial tentang Cara Delay Redirect Halaman Lain Menggunakan Javascript. Dalam kasus sekarang sebelum redirect halaman yang dituju maka akan diberikan delay atau jeda waktu. Jadi cara membuat delay ini menggunkan Javascript. Baiklah saat ingin menuju ke halaman lain menggunakan sebuah button. Maka saat button di klik akan muncul hitungan mundur sebelum ke Halaman lain. Yuk mari langsung saja kita mulai membuatnya sebagai berikut sahabat kursus css private online:

Pertama, buka text editor kemudian ketikkan code berikut ini:

<section>
		<div id="repage"></div>
		<input type="submit" onclick="goto()" value="go to page">
	</section>

pada div diatas saya berikan sebuah id=’repage’ dan pada tombol fungsi event onclick=’goto()’

Kedua, selanjutnya menambahkan script dari Javascript seperti dibawah ini:

<script>
	function goto(){	
		document.getElementById('repage').innerHTML = 'Saat ini anda kembali ke Halaman dalam <span id="Countdown">7</span> detik';
		var timer = 7;
		setInterval(function(){
			timer--;
			document.getElementById('Countdown').innerHTML = timer;
			if(timer == 0){
				window.location = 'https://www.google.com/';
			}
		},500);
		}
	</script>

jadi redirect ke halaman lain saya buat ke alamat: google.com, kemudian untuk delay yang dibuat selama 7 detik.

Baiklah jika sudah coba simpan kemudian buka pada browser masing-masing jika benar silahkan tekan tombol maka akan muncul text seperti yang ada pada function goto() => “Saat ini anda kembali ke Halaman dalam 7 detik “.

Baiklah cukup dalam pembasan artikel ini tentang Cara Delay Redirect Halaman Lain Menggunakan Javascript dari kami kursus privat css online. Semoga bermanfaat dan selamat mencoba.

terima kasih.