Saya bersama-sama masih suka memakai aplikasi ispring quiz creator yang mempunyai fitur lengkap, suport HTML5 sehingga sanggup diakses dengan perangkat handphone, (anda sanggup melihat koleksi soal online dengan ispring quiz creator di: TIK Sekolah Menengah Pertama Kelas 9, untuk soal-soal memakai aplikasi ispring quiz creator), aplikasi ini menyediakan fitur batasan waktu dengan perhitungan waktu mundur, banyak sekali model soal tersedia di aplikasi quiz creator, hanya saja Guru cenderung direpotkan ketika mau merekap hasil pekerjaan siswa, alasannya ialah laporan terkirim ke email guru satu persatu, atau harus mengecek satu persatu tiap komputer siswa, disamping itu ketika aplikasi soal online mau dionlinekan akan butuh kawasan penyimpanan/ hosting berbayar.
Dengan banyak sekali pertimbangan diantaranya akomodasi pembuatan soal pilihan ganda, pengelolaan rekap hasil pekerjaan siswa, dan tentunya gratis selamanya, alhasil untuk "saat ini" aku putuskan memaksimalkan google formulir untuk pembuatan soal online yang sanggup dipakai sebagai latihan siswa, mengerjakan soal-soal banyak sekali mata pelajaran, ulangan harian siswa, dll.
Salah satu harapan aku ketika ini ialah bagaimana cara menciptakan countdown timer soal online sehingga siswa akan tahu waktu pengerjaan soalnya, aku coba cari fitur-fitur di google drive, ternyata belum tersedia, lalu cari dikode komplemen dari pihak ketiga, ada yang menyediakan, tapi modelnya bukan terintegrasi ke google drive, dan ini kurang menarik berdasarkan saya, dan alhasil untuk mengobati harapan ini, aku dapatkan instruksi j4va script countdown timer di stackoverflow.com, dengan sedikit editan komplemen css agar sesuai harapan saya, alhasil Anda sanggup melihat pola hasilnya pada postingan soal online Perguruan Tinggi Swasta BTIK disini, anda sanggup melihat countdown timer yang aku atur 20 menit, akan berjalan mundur ketika soal online dengan google drive ini dibuka, dan tampak terintegrasi dengan soal online google drive ini.
Jika anda berminat memakai Kode j4vascript countdown timer ini, pastikan bahwa anda sanggup menyematkan instruksi soal online di blog atau web anda, alasannya ialah instruksi ini bekerja tidak eksklusif di google drive, melainkan bekerja ketika diletakan di blog/ web, lalu untuk soal onlinenya anda pilih metode sematkan, perhatikan langkah-langkahnya sebagai berikut:
- Buatlah soal online menyerupai biasa di google drive, dengan menentukan fitur google formulir, sehabis selesai anda buat, silahkan anda klik tombol kirim/ send dan pilih sematkan HTML, dan copy script soal online yang ada.
- Login ke blog anda, dan buka entri baru/ posting baru,
- Copy instruksi j4vascript dan instruksi css berikut di kolom postingan blog anda, pastikan dalam mode HTML (BUKAN compose):
<div class="mungholder">
<iframe frameborder="0" height="600" marginheight="0" marginwidth="0" src="https://docs.google.com/forms/d/e/1FAIpQLScehXwGUxpdqqZ3WpKdJ5Gmocn1JDteWD1kj2zfFQ2uuzZ-XQ/viewform?embedded=true" width="100%">Memuat...</iframe><br />
<div id="timersoal">
Waktu Pengerjaan: <span id="time">20:00</span> menit!</div>
</div>
<script type="text/j4vascript">
//<![CDATA[
function startTimer(t,n){var e,r,a=t;setInterval(function(){e=parseInt(a/60,10),r=parseInt(a%60,10),e=e<10?"0"+e:e,r=r<10?"0"+r:r,n.textContent=e+":"+r,--a<0&&(a=t)},1e3)}
window.onload = function () {
var fiveMinutes = 60 * 20,
display = document.querySelector('#time');
startTimer(fiveMinutes, display);
};
//]]>
</script>
<style>
.mungholder{width:100%;height:100%;position:relative}
#time{color: #f5fe02;}
#timersoal{background-color: #222;border-radius: 5px;color: #f5f5f5;font-size: 15px;line-height: 1.54;padding: 3px;text-align: center;border: 1px solid black;position: absolute;top: 0;left: 2px;width: 98%;font-weight: bold;}
</style> - Kode j4vascript cuntdown timer dan instruksi css di atas, yang perlu anda rubah ialah yang aku beri warna merah dan biru, untuk warna merah silahkan anda ganti dengan instruksi soal online anda, sedangkan untuk warna biru silahkan anda ganti dengan angka sesuai kebutuhan anda, pola di atas ialah 20 menit. Contoh penerapan di blog, sanggup anda lihat di gambar berikut:
- Klik publikasikan untuk menerbitkan soal online.
Mungkin pertanyaanya, apa yang akan terjadi jikalau waktu habis dan soal belum selesai dikerjakan?
Jawabanya tidak ada agresi apa-apa jikalau anda hanya memakai instruksi j4vascript countdown timer di atas, alasannya ialah memang instruksi diatas terpisah dengan soal online google drive ini. paling tidak dengan adanya countdown timer ini, sanggup memberi batasan atau tanda pada penerima didik dalam mengerjakan soal online yang sudah anda buat di google drive ini.
Saya yakin, seiring berjalannya waktu google akan terus mengupdate fitur-fitur di google drive, dan alhasil hingga pada fitur sesuai dengan harapan kita sebagai pengguna google formulir fitur kuis ini.
Demikian cara menciptakan Countdown Timer Soal Online Google Drive dengan Kode Javascript, Semoga Bermanfaat.
Sumber http://www.mrmung.com