<!-- AWAL COUNTDOWN 1--><div class="fitur oke"><div class="konten tengah"><h2 class="tebal">Fitur Count Down 1 </h2><div id="countdowntimer1"><span id="countdown1">loading...</span></div></div></div> <script type="text/javascript">//<![CDATA[ // set the date we're counting down to var target_date = new Date("2020/12/30 17:53:00").getTime(); // variables for time units var days, hours, minutes, seconds; // get tag element var countdown1 = document.getElementById("countdown1"); // update the tag with id "countdown" every 1 second setInterval(function () { // find the amount of "seconds" between now and target var current_date = new Date().getTime(); var seconds_left = (target_date - current_date) / 1000; var t = target_date - current_date; // do some time calculations days = parseInt(seconds_left / 86400); seconds_left = seconds_left % 86400; hours = parseInt(seconds_left / 3600); seconds_left = seconds_left % 3600; minutes = parseInt(seconds_left / 60); seconds = parseInt(seconds_left % 60); // format countdown string + set tag value countdown1.innerHTML = '' +'<div class="time1"><span>'+ days +'</span><br/>hari </div>' + '<div class="time1"><span>'+ hours +'</span><br/>jam </div>' + '<div class="time1"><span>'+ minutes +'</span><br/>menit </div>' + '<div class="time1"><span>'+ seconds +'</span><br/>detik </div>'; if (t < 0) { clearInterval(x); document.getElementById("countdown1").innerHTML = "WAKTU DISCOUNT HABIS"; } }, 1000); //]]></script> <style scoped="scoped" type="text/css">#countdowntimer1 {color:red;font-family:Roboto, Sans-serif; text-transform:uppercase;text-align:center;font-weight:bolder;font-size: 2em;padding-top:20px} .time1 {display: inline-block;font-size: 16px;margin: 10px;padding: 15px;} .time1 span {font-size: 6em;text-shadow: 0px 10px 20px rgba(0, 0, 0, 0.36);} @media (max-width:700px) { .time1 {padding: 3px;} .time1 span {font-size: 2em;margin: 1px;} } </style><!-- AKHIR COUNTDOWN 1 --> <!-- AWAL COUNTDOWN 2 --><div class="fitur oke bg-gradien-linear2"><div class="headline"><h2 class="tebal">Fitur Count Down 2 </h2><div id="countdowtimer2"><span id="countdown2">loading...</span></div></div></div> <script type="text/javascript">//<![CDATA[ // set the date we're counting down to var target_date = new Date("2020/12/30 17:53:00").getTime(); // variables for time units var days, hours, minutes, seconds; // get tag element var countdown2 = document.getElementById("countdown2"); // update the tag with id "countdown" every 1 second setInterval(function () { // find the amount of "seconds" between now and target var current_date = new Date().getTime(); var seconds_left = (target_date - current_date) / 1000; var t = target_date - current_date; // do some time calculations days = parseInt(seconds_left / 86400); seconds_left = seconds_left % 86400; hours = parseInt(seconds_left / 3600); seconds_left = seconds_left % 3600; minutes = parseInt(seconds_left / 60); seconds = parseInt(seconds_left % 60); // format countdown string + set tag value countdown2.innerHTML = '' + '<div class="time2"><span>'+ days +'</span><br/>hari </div>' + '<div class="time2"><span>'+ hours +'</span><br/>jam </div>' + '<div class="time2"><span>'+ minutes +'</span><br/>menit </div>' + '<div class="time2"><span>'+ seconds +'</span><br/>detik </div>'; if (t < 0) { clearInterval(x); document.getElementById("countdown2").innerHTML = "WAKTU DISCOUNT HABIS"; } }, 1000); //]]></script> <style scoped="scoped" type="text/css">#countdowtimer2 {color:red;font-family:Roboto, Sans-serif;text-transform:uppercase;text-align:center;font-weight:bolder;font-size: 2em} .time2 {display: inline-block;font-size: 16px;margin: 10px;position: relative;background: rgba(1, 1, 1, 0.5);color: #fff;padding: 50px 15px 20px 15px;border-radius: 50%;min-width:150px} .time2 span {font-size: 4.5em;} @media (max-width:700px) { .time2 {font-size: 12px;margin:3px;padding: 12px 5px;min-width:75px} .time2 span {font-size: 2em;}} </style><!-- AKHIR COUNTDOWN 2--> <!-- AWAL COUNTDOWN 3--><div class="fitur oke latar-kuningmuda"><div class="headline"><h2 class="tebal">Fitur Count Down 3 </h2><div id="countdowntimer3"><span id="countdown3">loading...</span></div></div></div> <script type="text/javascript">//<![CDATA[ // set the date we're counting down to var target_date = new Date("2020/12/30 17:53:00").getTime(); // variables for time units var days, hours, minutes, seconds; // get tag element var countdown3 = document.getElementById("countdown3"); // update the tag with id "countdown" every 1 second setInterval(function () { // find the amount of "seconds" between now and target var current_date = new Date().getTime(); var seconds_left = (target_date - current_date) / 1000; var t = target_date - current_date; // do some time calculations days = parseInt(seconds_left / 86400); seconds_left = seconds_left % 86400; hours = parseInt(seconds_left / 3600); seconds_left = seconds_left % 3600; minutes = parseInt(seconds_left / 60); seconds = parseInt(seconds_left % 60); // format countdown string + set tag value countdown3.innerHTML = '' + '<div class="time3"><span>'+ days +'</span><br/>hari </div>' + '<div class="time3"><span>'+ hours +'</span><br/>jam </div>' + '<div class="time3"><span>'+ minutes +'</span><br/>menit </div>' + '<div class="time3"><span>'+ seconds +'</span><br/>detik </div>'; if (t < 0) { clearInterval(x); document.getElementById("countdown3").innerHTML = "WAKTU DISCOUNT HABIS"; } }, 1000); //]]></script> <style scoped="scoped" type="text/css">#countdowntimer3 {color:red;font-family:Roboto, Sans-serif;text-transform:uppercase;text-align:center;font-weight:bolder;font-size: 2em} .time3 {display: inline-block;font-size: 16px;margin: 40px 5px 5px 5px;color: #333;padding:10px;} .time3 span {font-size: 6em;background: rgba(255, 255, 255, 0.75);color: #333;border-radius: 5px;padding: 0 10px 20px 10px; text-shadow: 0px 10px 20px rgba(0, 0, 0, 0.36);} @media (max-width:700px) { .time3 {font-size: 12px;margin: 20px 8px 8px 8px;padding:0;} .time3 span {font-size: 3.5em;padding: 0 8px;}} </style><!-- AKHIR COUNTDOWN 3--> <!-- AWAL COUNTDOWN B--><div class="fitur oke"><div class="konten tengah"><h3 class="tebal">Fitur Count Down Berulang 1 </h3> <div id="countdownb"><span id="countdownb">Count...</span></div> </div></div> <style scoped="scoped" type="text/css">#countdownb {color:red;font-family:Arial, Sans-serif;font-size:20px;text-transform:uppercase;text-align:center;padding:0px 0;font-weight:bolder;} .teks {color:black} </style> <script> var deadline = Date.parse(new Date()) + 36000; var x = setInterval(function() { var now = new Date().getTime(); var t = deadline - now; var days = Math.floor(t / (1000 * 60 * 60 * 24)); var hours = Math.floor((t%(1000 * 60 * 60 * 24))/(1000 * 60 * 60)); var minutes = Math.floor((t % (1000 * 60 * 60)) / (1000 * 60)); var seconds = Math.floor((t % (1000 * 60)) / 1000); document.getElementById("countdownb").innerHTML = "<center><h2><strong>" + hours + " : " + minutes + " : " + seconds + "</strong></h2></center>"; if (t < 0) { clearInterval(x); document.getElementById("countdownb").innerHTML = "WAKTU DISCOUNT HABIS"; } }, 1000); </script><!-- AKHIR COUNTDOWN B--> <!-- AWAL COUNTDOWN A--><div class="fitur oke latar-krem"><div class="konten tengah"><h3 class="tebal">Fitur Count Down Berulang 2 </h3> <div id="countdowna"><p id="countdowna">Count...</p></div> </div></div> <style scoped="scoped" type="text/css">#countdowna {color:red;font-family:Roboto, Sans-serif;text-transform:uppercase;text-align:center;font-weight:bolder;font-size: 2em} .count {display: inline-block;font-size: 16px;margin: 40px 5px 5px 5px;color: #333;} .count span {font-size: 6em;background: rgba(255, 255, 255, 0.75);color: #333;border-radius: 5px;padding: 0 10px 20px 10px; text-shadow: 0px 10px 20px rgba(0, 0, 0, 0.36);} @media (max-width:700px) { .count {font-size: 12px;margin: 20px 5px 5px 5px;} .count span {font-size: 4em;padding: 0 8px;}} </style> <script> var deadline = Date.parse(new Date()) + 86400000; var x = setInterval(function() { var now = new Date().getTime(); var t = deadline - now; var days = Math.floor(t / (1000 * 60 * 60 * 24)); var hours = Math.floor((t%(1000 * 60 * 60 * 24))/(1000 * 60 * 60)); var minutes = Math.floor((t % (1000 * 60 * 60)) / (1000 * 60)); var seconds = Math.floor((t % (1000 * 60)) / 1000); document.getElementById("countdowna").innerHTML = '<div class="count"><span>'+ days +'</span><br/>hari </div>' + '<div class="count"><span>'+ hours +'</span><br/>jam </div>' + '<div class="count"><span>'+ minutes +'</span><br/>menit </div>' + '<div class="count"><span>'+ seconds +'</span><br/>detik </div>'; if (t < 0) { clearInterval(x); document.getElementById("countdowna").innerHTML = "WAKTU DISCOUNT HABIS"; } }, 1000); </script><!-- AKHIR COUNTDOWN A--> <!-- AWAL COUNTDOWN--><div class="timermelayang latar-putih shadow"><div class="konten"><div class="kol2 latar-putih"><div class="headline"><span class="judulmelayang tebal">Diskon Berakhir Dalam:</span><div id="countdowtimermelayang"><span id="countdownmelayang">loading...</span></div></div></div><div class="kol2 latar-putih"><div class="tengah"><a class="latar-hijautua melengkung putih orderwa" href="#"><i aria-hidden='true' class='fa fa-whatsapp'></i> ORDER SEKARANG</a></div></div></div></div> <script type="text/javascript">//<![CDATA[ // set the date we're counting down to var target_date = new Date("2020/11/31 17:53:00").getTime(); // variables for time units var days, hours, minutes, seconds; // get tag element var countdownmelayang = document.getElementById("countdownmelayang"); // update the tag with id "countdown" every 1 second setInterval(function () { // find the amount of "seconds" between now and target var current_date = new Date().getTime(); var seconds_left = (target_date - current_date) / 1000; var t = target_date - current_date; // do some time calculations days = parseInt(seconds_left / 86400); seconds_left = seconds_left % 86400; hours = parseInt(seconds_left / 3600); seconds_left = seconds_left % 3600; minutes = parseInt(seconds_left / 60); seconds = parseInt(seconds_left % 60); // format countdown string + set tag value countdownmelayang.innerHTML = '' +'<div class="waktumelayang"><span>'+ days +'</span><br/>hari </div>' + '<div class="waktumelayang"><span>'+ hours +'</span><br/>jam </div>' + '<div class="waktumelayang"><span>'+ minutes +'</span><br/>menit </div>' + '<div class="waktumelayang"><span>'+ seconds +'</span><br/>detik </div>'; if (t < 0) { clearInterval(x); document.getElementById("countdownmelayang").innerHTML = "WAKTU DISCOUNT HABIS"; } }, 1000); //]]></script> <style scoped="scoped" type="text/css">#countdowtimermelayang {font-family:Roboto, Sans-serif;text-transform:uppercase;text-align:center;font-size: 2em} .waktumelayang{display: inline-block;font-size: 10px;margin: 2px 5px;position: relative;background: #2167c7;color: #fff;padding: 6px 15px;border-radius: 4px;line-height:1.2em;width:20%} .waktumelayang span {font-size: 2em;font-weight:bolder;} .timermelayang{position: fixed;left: 0;right: 0;bottom: 0;z-index: 9999;} .orderwa{font-size:24px;font-weight:bolder;text-transform:uppercase;cursor: pointer;display:inline-block;padding:15px 30px;margin-top:10px;font-family:Roboto, Sans-serif;width:95%} .judulmelayang {font-size:18px;font-weight:bolder;text-transform:uppercase;font-family:Roboto, Sans-serif;} #countdownmelayang{font-size: 16px;} @media (max-width:690px) { .waktumelayang {font-size: 9px;margin:2px;padding: 5px 3px;} .waktumelayang span {font-size: 2em;} .orderwa{font-size:18px;padding:10px 10px;margin-top:15px;} .judulmelayang {font-size:14px;}} @media (max-width:480px) { .waktumelayang {font-size: 9px;margin:0 2px;padding: 5px 3px;} .waktumelayang span {font-size: 1.7em;} .orderwa{font-size:15px;padding:15px 5px;margin-top:10px;} .judulmelayang {font-size:12px;} } </style><!-- AKHIR COUNTDOWN-->
