Widget HTML #1


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.

Karena berbagi itu indah, bagikan artikel ini untuk saling berbagi informasi.
Salam inovasi, Salam implementasi.
~☺~
Wisnurat
Wisnurat Teacher, Speaker, Writer, Blogger, Education Content Creator and Enterpreneur.

4 comments for "TIMER GOOGLE FORM TANPA ADD ON"

Comment Author Avatar
Ketika waktu habis,,, Masih bia mengisi,,, tidak Close langsung,,,
Comment Author Avatar
Mbok ya ditulis tutornya. Sedang kismin kuota nih...
Comment Author Avatar
kalo kodenya htmlnya ke google sites apakah bisa, bagaimana tutorialnya ?
Comment Author Avatar
Caranya sama dengan menyematkan kode video. Seperti ini https://tutor.okeguru.com/2022/10/menambahkan-video-youtube-ke-google.html

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.

SUBCRIBE

Ada video terbaru di Channel YTube Pa Wisnurat
Cek tombol subcribe di atas.