WEB DESAINT

Membuat timer Ujian menggunakan PHP dan Ajax

Script untuk membuat jam

a = floor(123456/86400) = 1 (hari)
-----------------------------------------
$sisa = 123456 % 86400 = 37056 (detik)
b = floor(37056/3600) = 10 (jam)
-----------------------------------------
sisa = 37056 % 3600 = 1056 (detik)
c = floor(1056/60) = 17 (menit)
-----------------------------------------
sisa = 1056 % 60 = 36 (detik)
d = floor(1056/1) = 36 (detik)
 
ket : script di atas untuk menentukan berapa jam-menit-detik
dan untuk nilainya kita bisa menggunakan session di php.
 
dan di bawah ini script ajak yang mereffres bukan di browser
jadi di harapkan soal yang di random di halaman ujian tidak 
berganti,
<html>
<head>
  <script type="text/javascript">

  function ajax()
  {
     if (window.XMLHttpRequest)
     {
       // untuk IE7+, Firefox, Chrome, Opera, Safari
       xmlhttp=new XMLHttpRequest();
     }
     else
     {
       // untuk IE6, IE5
       xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
     }

     xmlhttp.onreadystatechange=function()
     {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
          // hasil pembacaan script date.php akan ditampilkan di komponen id="hasil"
          document.getElementById("hasil").innerHTML = xmlhttp.responseText;
        }
     }

     // menjalankan script date.php secara asynchronous
     xmlhttp.open("GET","date.php", true);
     xmlhttp.send();

     // refresh time 1 detik (1000 ms)
     setTimeout("ajax()", 1000);
  }
  </script>
</head>

<body onload="ajax()">

<div id="hasil">
</div>

</body>
</html> 

Sumber : http://blog.rosihanari.net/membuat-countdown-menuju-tanggal-dan-waktu-tertentu-dengan-ajax/

Tidak ada komentar:

Posting Komentar

Komentar Anda di Modernisasi, Sampaikan dengan Cara Sopan dan Singkat.Terimakasih.