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, Public Speaker, Writer, Blogger, Education Content Creator and Enterpreneur.

13 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
Comment Author Avatar
Ini bisa diisi berulangkali ya pak? Semisal cuma dikasih kesempatan cuma 1 kali pengisian bisa tidak ya?
Comment Author Avatar
Jika pengaturan form-nya diseting 1x respon, hanya bisa diisi 1x. Kecuali siswa menggunakan akun email yg berbeda.
Comment Author Avatar
Pa, ini klo disematkan ke situs berbasis GoogleSite apakah bisa? atau harus menggunakan blogger atau wordpress?
Comment Author Avatar
Bisa di sematkan di Google Sites. Gunakan fitur insert embed
Comment Author Avatar
terimakasih codenya kang...mau tanya...ketika waktunya habis...jawaban lansung tersubmit otomatis atau gmn kang....terimakasih.
Comment Author Avatar
jawaban tidak submit otomatis, tapi hanya menghilangkan formulirnya saja
Comment Author Avatar
Pak, mau tanya misal mau ditambah tanggal mulai dan berkahir kuis bagaimana caranya pak? terima kasih
Comment Author Avatar
pak, untuk melihat hasil jawaban dimana? apakah di google form nya?
Comment Author Avatar
Betul di Google Formnya di tab menu Jawaban

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.