Hello everyone,
I've found a script to place a HTML block for students in the course to countup how many days has passed since specific date. My question is how can I replace the "Jan 1, 2021 12:00:00" with:
1. each student enrolment date ( so the result is different for each student )
2. course start date
Thanks & Regards
The code goes as below:
<div class="countup" id="countup1">
<span class="timeel days">00</span>
<span class="timeel timeRefDays">روز از سفرت گذشته {firstname}</span>
</div>
</button>
</p>
<script>
/*
* Basic Count Up from Date and Time
* Author: @mrwigster / https://guwii.com/bytes/count-date-time-javascript/
*/
window.onload = function() {
// Month Day, Year Hour:Minute:Second, id-of-element-container
countUpFromTime("Jan 1, 2021 12:00:00", 'countup1'); // ****** Change this line!
};
function countUpFromTime(countFrom, id) {
countFrom = new Date(countFrom).getTime();
var now = new Date(),
countFrom = new Date(countFrom),
timeDifference = (now - countFrom);
var secondsInADay = 60 * 60 * 1000 * 24,
secondsInAHour = 60 * 60 * 1000;
days = Math.floor(timeDifference / (secondsInADay) * 1);
hours = Math.floor((timeDifference % (secondsInADay)) / (secondsInAHour) * 1);
mins = Math.floor(((timeDifference % (secondsInADay)) % (secondsInAHour)) / (60 * 1000) * 1);
secs = Math.floor((((timeDifference % (secondsInADay)) % (secondsInAHour)) % (60 * 1000)) / 1000 * 1);
var idEl = document.getElementById(id);
idEl.getElementsByClassName('days')[0].innerHTML = days;
idEl.getElementsByClassName('hours')[0].innerHTML = hours;
idEl.getElementsByClassName('minutes')[0].innerHTML = mins;
idEl.getElementsByClassName('seconds')[0].innerHTML = secs;
clearTimeout(countUpFromTime.interval);
countUpFromTime.interval = setTimeout(function() {
countUpFromTime(countFrom, id);
}, 1000);
}
</script>