javascript-basic-projects/12-countdown-timer/final/app.js at master · MaxCodeXTC/javascript-basic-projects · GitHub

Repository navigation

History

88 lines (79 loc) · 2.15 KB

Raw

const months = [

"January",

"February",

"March",

"April",

"May",

"June",

"July",

"August",

"September",

"October",

"November",

"December",

];

const weekdays = [

"Sunday",

"Monday",

"Tuesday",

"Wednesday",

"Thursday",

"Friday",

"Saturday",

];

const giveaway = document.querySelector(".giveaway");

const deadline = document.querySelector(".deadline");

const items = document.querySelectorAll(".deadline-format h4");

let tempDate = new Date();

let tempYear = tempDate.getFullYear();

let tempMonth = tempDate.getMonth();

let tempDay = tempDate.getDate();

// months are ZERO index based;

const futureDate = new Date(tempYear, tempMonth, tempDay + 10, 11, 30, 0);

// let futureDate = new Date(2020, 3, 24, 11, 30, 0);

const year = futureDate.getFullYear();

const hours = futureDate.getHours();

const minutes = futureDate.getMinutes();

let month = futureDate.getMonth();

month = months[month];

const weekday = weekdays[futureDate.getDay()];

const date = futureDate.getDate();

giveaway.textContent = `giveaway ends on ${weekday}, ${date} ${month} ${year} ${hours}:${minutes}am`;

const futureTime = futureDate.getTime();

function getRemaindingTime() {

const today = new Date().getTime();

const t = futureTime - today;

// 1s = 1000ms

// 1m = 60s

// 1hr = 60m

// 1d = 24hr

// values in miliseconds

const oneDay = 24 * 60 * 60 * 1000;

const oneHour = 60 * 60 * 1000;

const oneMinute = 60 * 1000;

// calculate all values

let days = t / oneDay;

days = Math.floor(days);

let hours = Math.floor((t % oneDay) / oneHour);

let minutes = Math.floor((t % oneHour) / oneMinute);

let seconds = Math.floor((t % oneMinute) / 1000);

// set values array

const values = [days, hours, minutes, seconds];

function format(item) {

if (item < 10) {

return (item = `0${item}`);

}

return item;

}

items.forEach(function (item, index) {

item.innerHTML = format(values[index]);

});

if (t < 0) {

clearInterval(countdown);

deadline.innerHTML = `<h4 class="expired">sorry, this giveaway has expired!</h4>`;

}

// countdown;

let countdown = setInterval(getRemaindingTime, 1000);

//set initial values

getRemaindingTime();

javascript-basic-projects/12-countdown-timer/final/app.js at master · MaxCodeXTC/javascript-basic-projects · GitHub

Repository navigation

Expand file tree

Breadcrumbs

app.js

Latest commit

History

Breadcrumbs

app.js

File metadata and controls