Membuat Timer Countdown pada Ujian Online


Pertanyaan

mas saya mw ditambahin wktu pengerjaan soal gk bisa2 ya jadi pad saat lagi ngerjai soal klo waktu ya abis maka muncul tampilan “maaf waktu abis ” kira2 pnya script ya g ?

Coding (file timer.html)

<html>
<head>
<title>Timer Ujian Online</title>

//120 detik
const timer = 120;
var count = timer;
function startClock()
{
if (count>0) count–;
document.getElementById(“status”).innerHTML = count;
setTimeout(“startClock()”, 1000);

if(count==0)
{
alert(“Waktu Anda telah habis”);
document.location.href=”selesai.html”;
//count=0;
}
}

</head>
<body onLoad=”startClock()”>
Segera submit jawaban anda sebelum waktunya selesai. &raquo; Sisa waktu ujian anda adalah : … <b><span id=status></span> detik</b>
</body>
</html>

Memakai Menit

<html>
<head>
<title>Timer Ujian Online</title>

var detik=”120″
if (document.images)
{
parselimit=detik
}
function begintimer()
{
if (!document.images)
return
if (parselimit==1)
window.location=”jawab_soal.php”
else
{
parselimit-=1
curmin=Math.floor(parselimit/60)
cursec=parselimit%60
if (curmin!=0)
curtime=curmin+”:”+cursec+””
else
curtime=cursec+” detik”
document.getElementById(“servertime”).innerHTML=curtime
setTimeout(“begintimer()”,1000)
}
}

</head>
<body onLoad=”begintimer()”>
Segera submit jawaban anda sebelum waktunya selesai. &raquo; Sisa waktu
ujian anda adalah : … <b>

</b>
</body>
</html>

Download

http://www.4shared.com/file/X1V1IQVG/timedown.html

Sekian artikel dari saya semoga bermanfaat untuk teman-teman dan anda semua…aamin

Depok, 17-03-2011

noname

31 Responses

  1. untuk edit timer-countdown gimana?maksudnya supaya waktunya bisa di rubah rubah. trimakasih mas

    Like

  2. maaf mas kalo itu di implementasikan ke dalam ujian online yang sampean buat gimana. agar ketika waktunya habis ujian langsung tersimpan. mohon pencerahannya

    Like

  3. Assalamu’alaikum mas agus….mengenai timer nya itu kan waktu nya mundur….kalo waktu nya di buat maju bisa ga mas?
    Atau boleh saya minta penjelasan mengenai program timer nya mas? Pada script yang menggunakan menit.

    Dan juga seperti pertanyaan coment di atas mas, gmana caranya supaya jawabannya ke save langsung ke database ketika waktunya habis?
    kalo bisa tlg kirimin jawaban nya ke email shaum_27@yahoo.com

    makasih sblmnya mas..

    Like

  4. untuk yang memaakai jam bagaimana master format timernya jam:menit:detik (00:00:00)

    Like

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: