Difference between revisions of "User:Rebecca.hollander"
Jump to navigation
Jump to search
Line 1: | Line 1: | ||
__NOTOC__ | __NOTOC__ | ||
− | + | function getTimeRemaining(endtime) { | |
− | + | var t = Date.parse(endtime) - Date.parse(new Date()); | |
− | + | var seconds = Math.floor((t / 1000) % 60); | |
− | + | var minutes = Math.floor((t / 1000 / 60) % 60); | |
− | + | var hours = Math.floor((t / (1000 * 60 * 60)) % 24); | |
− | + | var days = Math.floor(t / (1000 * 60 * 60 * 24)); | |
− | + | return { | |
− | + | 'total': t, | |
− | + | 'days': days, | |
− | + | 'hours': hours, | |
− | + | 'minutes': minutes, | |
− | + | 'seconds': seconds | |
− | + | }; | |
− | + | } | |
− | + | ||
− | + | function initializeClock(id, endtime) { | |
− | < | + | var clock = document.getElementById(id); |
− | + | var daysSpan = clock.querySelector('.days'); | |
− | + | var hoursSpan = clock.querySelector('.hours'); | |
+ | var minutesSpan = clock.querySelector('.minutes'); | ||
+ | var secondsSpan = clock.querySelector('.seconds'); | ||
+ | |||
+ | function updateClock() { | ||
+ | var t = getTimeRemaining(endtime); | ||
+ | |||
+ | daysSpan.innerHTML = t.days; | ||
+ | hoursSpan.innerHTML = ('0' + t.hours).slice(-2); | ||
+ | minutesSpan.innerHTML = ('0' + t.minutes).slice(-2); | ||
+ | secondsSpan.innerHTML = ('0' + t.seconds).slice(-2); | ||
+ | |||
+ | if (t.total <= 0) { | ||
+ | clearInterval(timeinterval); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | updateClock(); | ||
+ | var timeinterval = setInterval(updateClock, 1000); | ||
+ | } | ||
+ | |||
+ | var deadline = new Date(Date.parse(new Date()) + 15 * 24 * 60 * 60 * 1000); | ||
+ | initializeClock('clockdiv', deadline); | ||
Revision as of 10:17, 3 December 2018
function getTimeRemaining(endtime) {
var t = Date.parse(endtime) - Date.parse(new Date()); var seconds = Math.floor((t / 1000) % 60); var minutes = Math.floor((t / 1000 / 60) % 60); var hours = Math.floor((t / (1000 * 60 * 60)) % 24); var days = Math.floor(t / (1000 * 60 * 60 * 24)); return { 'total': t, 'days': days, 'hours': hours, 'minutes': minutes, 'seconds': seconds };
}
function initializeClock(id, endtime) {
var clock = document.getElementById(id); var daysSpan = clock.querySelector('.days'); var hoursSpan = clock.querySelector('.hours'); var minutesSpan = clock.querySelector('.minutes'); var secondsSpan = clock.querySelector('.seconds');
function updateClock() { var t = getTimeRemaining(endtime);
daysSpan.innerHTML = t.days; hoursSpan.innerHTML = ('0' + t.hours).slice(-2); minutesSpan.innerHTML = ('0' + t.minutes).slice(-2); secondsSpan.innerHTML = ('0' + t.seconds).slice(-2);
if (t.total <= 0) { clearInterval(timeinterval); } }
updateClock(); var timeinterval = setInterval(updateClock, 1000);
}
var deadline = new Date(Date.parse(new Date()) + 15 * 24 * 60 * 60 * 1000); initializeClock('clockdiv', deadline);
BasicName |
AboutSkills Creative strategy, advertising, research, analysis, writing, public speaking, graphic design |
Links |
Please bear with me as I fumble my way through coding this page. |