Membuat Timer dengan PHP dan jQuery Part 3

Membuat Timer dengan PHP dan jQuery Part 3

S sebelumnya saya sudah membagikan Cara Membuat Timer Part 1 dan Part 2. Sekarang saya akan membagikan Membuat Timer Part 3, ini merupakan kelanjutan dari postingan sebelumnya.

Postingan kali ini cukup singkat karena saya akan membagikan tambahan script membuat timer yang akan tersubmit otomatis jika waktu telah habis.

Scriptnya tetap sama seperti postingan Part 1 dan Part 2, hanya menambahi dan mengedit beberapa script. Berikut script yang perlu kita tambahi :

  • Cari dan edit script JQuery Timer dibawah yang ada di tag <head>
     /** Jika var jam < 0
	* clearInterval() Memberhentikan Interval dan submit secara otomatis
    */
    if(jam < 0) {
        clearInterval();
   }

/* MENJADI */

     /** Jika var jam < 0
	* clearInterval() Memberhentikan Interval dan submit secara otomatis
    */
    if(jam < 0) {
        clearInterval(); 
        /** Variable yang digunakan untuk submit secara otomatis di Form */ 
        var frmSoal = document.getElementById("frmSoal"); 
        alert('Waktu Anda telah habis, Terima kasih sudah berkunjung.');
        frmSoal.submit(); 
   }
  • Setelah selesai diedit, untuk menggunakannya letakkan id=”frmSoal” di tag form. Seperti berikut ini :
    <body>
		<div id='timer'></div>
		<form action="index.php" id="frmSoal" method='POST' > 
			<label>Waktu (Menit)</label> 
			<select name="waktu" class="form-control" onchange="window.location='timer2.php?waktu='+this.value">
				<option value="0">- Pilih -</option>
				<?php for($i=1; $i<=120; $i++){ ?>
					<option value="<?php echo $i; ?>"><?php echo $i; ?></option>
				<?php } ?> 
			</select>
		</form>
    </body>

Disini method saya menggunakan methode=”GET” untuk mengambil data dan action saya arahkan ke file index.php seperti action=”index.php” ketika tersubmit otomatis.

Untuk method bisa menggunakan GET atau POST dan action bisa disesuai dengan kebutuhan akan diarahkan ke file apa.

Bagaimana ? mudahkan dan cukup sederhana untuk diterapkan. semoga bermanfaat dan berhasil mencobanya 😀

Demo Aplikasi
Share