Maz Guru Matematika SMPN 1 Brati
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.
~☺~
