FavoriteLoadingAdd to favorites
Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
let timer = setInterval(function() {
// The dispatch date is just the variable name. You can change it wo whatever. As long as you change it where ever else it is been used as well.
// the format for dispatch_date is ('2018-10-17 17:00:00') which is been pull from an input field with the id of "countdown_timer"
const dispatch_date = new Date(document.getElementById("countdown_timer").value);
const today = new Date();
// console.log("dispatch_date : "+dispatch_date);
// console.log("today : "+today);
// get the difference
const diff = dispatch_date - today;
// math
let days = Math.floor(diff / (1000 * 60 * 60 * 24));
let hours = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
let minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));
let seconds = Math.floor((diff % (1000 * 60)) / 1000);
// display
document.getElementById("timer").innerHTML =
//Days - Hours - Minutes - Seconds
"</div class='timer-p'>This Stock list Expires in </div> \ <div class=\"days\"> \
<div class=\"numbers\">" + days + "</div>Days</div> \
<div class=\"hours\"> \
<div class=\"numbers\">" + hours + "</div>Hours</div> \
<div class=\"minutes\"> \
<div class=\"numbers\">" + minutes + "</div>Minutes</div> \
<div class=\"seconds\"> \
<div class=\"numbers\">" + seconds + "</div>Seconds</div> \
</div>";
}, 1000);
let timer = setInterval(function() { // The dispatch date is just the variable name. You can change it wo whatever. As long as you change it where ever else it is been used as well. // the format for dispatch_date is ('2018-10-17 17:00:00') which is been pull from an input field with the id of "countdown_timer" const dispatch_date = new Date(document.getElementById("countdown_timer").value); const today = new Date(); // console.log("dispatch_date : "+dispatch_date); // console.log("today : "+today); // get the difference const diff = dispatch_date - today; // math let days = Math.floor(diff / (1000 * 60 * 60 * 24)); let hours = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); let minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60)); let seconds = Math.floor((diff % (1000 * 60)) / 1000); // display document.getElementById("timer").innerHTML = //Days - Hours - Minutes - Seconds "</div class='timer-p'>This Stock list Expires in </div> \ <div class=\"days\"> \ <div class=\"numbers\">" + days + "</div>Days</div> \ <div class=\"hours\"> \ <div class=\"numbers\">" + hours + "</div>Hours</div> \ <div class=\"minutes\"> \ <div class=\"numbers\">" + minutes + "</div>Minutes</div> \ <div class=\"seconds\"> \ <div class=\"numbers\">" + seconds + "</div>Seconds</div> \ </div>"; }, 1000);
let timer = setInterval(function() {

  // The dispatch date is just the variable name. You can change it wo whatever. As long as you change it where ever else it is been used as well.  
  // the format for dispatch_date is ('2018-10-17 17:00:00') which is been pull from an input field with the id of "countdown_timer"
  const dispatch_date = new Date(document.getElementById("countdown_timer").value);
  const today = new Date();
  
  // console.log("dispatch_date : "+dispatch_date);
  // console.log("today : "+today);

  // get the difference
  const diff = dispatch_date - today;

  // math
  let days = Math.floor(diff / (1000 * 60 * 60 * 24));
  let hours = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  let minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));
  let seconds = Math.floor((diff % (1000 * 60)) / 1000);

  // display
  document.getElementById("timer").innerHTML =

  //Days - Hours - Minutes - Seconds
    "</div class='timer-p'>This Stock list Expires in </div> \ <div class=\"days\"> \
  <div class=\"numbers\">" + days + "</div>Days</div> \
<div class=\"hours\"> \
  <div class=\"numbers\">" + hours + "</div>Hours</div> \
<div class=\"minutes\"> \
  <div class=\"numbers\">" + minutes + "</div>Minutes</div> \
<div class=\"seconds\"> \
  <div class=\"numbers\">" + seconds + "</div>Seconds</div> \
</div>";

}, 1000);

Pin It on Pinterest

Garth Baker
Favorite
Loading
en
af
sq
am
ar
hy
az
eu
be
bn
bs
bg
ca
ceb
ny
zh-CN
zh-TW
co
hr
cs
da
nl
en
eo
et
tl
fi
fr
fy
gl
ka
de
el
gu
ht
ha
haw
iw
hi
hmn
hu
is
ig
id
ga
it
ja
jw
kn
kk
km
ko
ku
ky
lo
la
lv
lt
lb
mk
mg
ms
ml
mt
mi
mr
mn
my
ne
no
ps
fa
pl
pt
pa
ro
ru
sm
gd
sr
st
sn
sd
si
sk
sl
so
es
su
sw
sv
tg
ta
te
th
tr
uk
ur
uz
vi
cy
xh
yi
yo
zu
Share This