TIMER GOOGLE FORM TANPA ADD ON
Tutor.Okeguru.Com - Timer Google Form Tanpa Add On.
Google form jadi aplikasi paling sering digunakan untuk mengumpulkan data. Terutama fitur quiz yang paling banyak dipakai para pendidik.
Namun ada kebutuhan khusus saat implementasi Google Form sebagai quiz. Terutama dalam pengaturan durasi pengerjaan. Hal ini bisa dilakukan dengan menambahkan plugin. Seperti yang pernah dibahas di Cara Mengatur Batas Waktu Google Form yang saya tulis dua tahun silam.
Nah... Kali ini saya akan membahas cara membuat timer Google Form tanpa Add On. Memang belum sempurna, tapi bisa jadi solusi untuk mengatur batas waktu menjawab soal online. Yuk dicoba dulu demo nya...
Timer Google Form Tanpa Add On
Timer Google Form tidak bisa berdiri sendiri. Memerlukan satu laman web HTML atau lama blog. Jadi dalam implementasinya, laman Google Form yang sudah diberikan timer akan disimpan pada laman web / blogger.
Ada kode program yang harus disisipkan kedalam laman web / blog. Tapi jangan khawatir. Teman - teman tidak perlu takut dengan kode programmnya. Karena saya sudah siapkan aplikasi yang mudah. Teman - teman cukup isi saja datanya.
Aplikasinya bisa teman - teman gunakan dibagian akhir tulisan ini.
Video Membuat Timer Google Form Tanpa Add On
Supaya lebih detail. Saya tunjukkan cara menggunakan applikasi untuk menghasilkan kode timer Google Form tanpa Add on. Yuk, simak video panduannya di bawah ini!
Generate Code Timer Google Form Tanpa Add On
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<body>
<div id="timer" align="center"><a class="fa fa-book"></a> <a class="fa fa-clock-o"></a> <span id="time"></span></div>
<span id="form">
<iframe src="">Tunggu yaa</iframe><br />
</span>
</body>
<script>
function startTimer(duration, display) {
var timer = duration, minutes, seconds;
var batas = timer + 60* ;
setInterval(function () {
minutes = parseInt(timer / 60, 10);
seconds = parseInt(timer % 60, 10);
minutes = minutes < 10 ? "0" + minutes : minutes;
seconds = seconds < 10 ? "0" + seconds : seconds;
display.textContent = minutes + ":" + seconds + " Menit";
if (--timer < 0) {
document.getElementById("timer").innerHTML = "";
}
if (--batas < 0) {
document.getElementById("form").style.visibility = "hidden";
document.getElementById("timer").style.visibility = "hidden";
}
}, 1000);
}
window.onload = function () {
var fiveMinutes = 60 * ,
display = document.querySelector('#time');
startTimer(fiveMinutes, display);
};
</script>
<style type="text/css">
body {
overflow: visible;
}
iframe {
height: 600px;
width: 100%;
border: 0px;
padding-top: 8px;
margin: 0px
}
#timer {
background-color: ;
color: ;
font-family: arial;
font-weight: bold;
padding: 10px 30px;
border-radius: px;
}
</style>
Seperti itulah cara membuat timer google form tanpa Add on. Mudah kan. Jika ada penjelasan yang kurang jelas atau ada kesalahan, silahkan tulis di kolom komentar.
Salam inovasi, Salam implementasi.
~☺~
4 comments for "TIMER GOOGLE FORM TANPA ADD ON"
Bedanya, untuk kode yang disemoatkan adalah kode HTML Quiz https://tutor.okeguru.com/2021/10/timer-google-form-tanpa-add-on.html
Komentar anda sangat membantu dalam menyempurnakan konten web ini. Silahkan isi kotak komentar walaupun hanya beberapa kata.