Created
April 20, 2020 15:14
-
-
Save yakubu234/8b9f376b30031fd98b4e91cb8fd74289 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var seconds_inputs = document.getElementsByClassName('deal_left_seconds'); | |
var total_timers = seconds_inputs.length; | |
for ( var i = 0; i < total_timers; i++){ | |
var str_seconds = 'seconds_'; var str_seconds_prod_id = 'seconds_prod_id_'; | |
var seconds_prod_id = seconds_inputs[i].getAttribute('data-value'); | |
var cal_seconds = seconds_inputs[i].getAttribute('value'); | |
eval('var ' + str_seconds + seconds_prod_id + '= ' + cal_seconds + ';'); | |
eval('var ' + str_seconds_prod_id + seconds_prod_id + '= ' + seconds_prod_id + ';'); | |
} | |
function timer() { | |
for ( var i = 0; i < total_timers; i++) { | |
var seconds_prod_id = seconds_inputs[i].getAttribute('data-value'); | |
var days = Math.floor(eval('seconds_'+seconds_prod_id) / 24 / 60 / 60); | |
var hoursLeft = Math.floor((eval('seconds_'+seconds_prod_id)) - (days * 86400)); | |
var hours = Math.floor(hoursLeft / 3600); | |
var minutesLeft = Math.floor((hoursLeft) - (hours * 3600)); | |
var minutes = Math.floor(minutesLeft / 60); | |
var remainingSeconds = eval('seconds_'+seconds_prod_id) % 60; | |
function pad(n) { | |
return (n < 10 ? "0" + n : n); | |
} | |
document.getElementById('deal_days_' + seconds_prod_id).innerHTML = pad(days); | |
document.getElementById('deal_hrs_' + seconds_prod_id).innerHTML = pad(hours); | |
document.getElementById('deal_min_' + seconds_prod_id).innerHTML = pad(minutes); | |
document.getElementById('deal_sec_' + seconds_prod_id).innerHTML = pad(remainingSeconds); | |
if (eval('seconds_'+ seconds_prod_id) == 0) { | |
clearInterval(countdownTimer); | |
document.getElementById('deal_days_' + seconds_prod_id).innerHTML = document.getElementById('deal_hrs_' + seconds_prod_id).innerHTML = document.getElementById('deal_min_' + seconds_prod_id).innerHTML = document.getElementById('deal_sec_' + seconds_prod_id).innerHTML = pad(0); | |
} else { | |
var value = eval('seconds_'+seconds_prod_id); | |
value--; | |
eval('seconds_' + seconds_prod_id + '= ' + value + ';'); | |
} | |
} | |
} | |
var countdownTimer = setInterval('timer()', 1000); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> | |
<!-- 3600 value in the input means 1 hour . please not that this example only uses seconds so you need to convert days, mont, hour,minut all to seconds --> | |
<input type="hidden" class="deal_left_seconds" data-value="1" value="3600"> | |
<div class="box-wrapper"> | |
<div class="date box"> <span class="key" id="deal_days_1">00</span> <span class="value">DAYS</span> </div> | |
</div> | |
<div class="box-wrapper"> | |
<div class="hour box"> <span class="key" id="deal_hrs_1">00</span> <span class="value">HRS</span> </div> | |
</div> | |
<div class="box-wrapper"> | |
<div class="minutes box"> <span class="key" id="deal_min_1">00</span> <span class="value">MINS</span> </div> | |
</div> | |
<div class="box-wrapper hidden-md"> | |
<div class="seconds box"> <span class="key" id="deal_sec_1">00</span> <span class="value">SEC</span> </div> | |
</div> | |
<script src="count-down-timer.js" > </script> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment