/CSS/Next day 2pm delivery countdown timer script

Next day 2pm delivery countdown timer script

if (document.getElementById('countdownTimer')) {
    pad = function(n, len) { // leading 0's
        var s = n.toString();
        return (new Array( (len - s.length + 1) ).join('0')) + s;
    };

    var timerRunning = setInterval(

        function countDown() {
            var target = 15; // 15:00hrs is the cut-off point
            var now = new Date();

            //Put this in a variable for convenience
            var weekday = now.getDay();

            if(weekday == 0){//Sunday? Add 24hrs
                target += 24;
            }

            if(weekday == 6){//It's Saturday? Add 48hrs
                target += 48;
            }

            //If between Monday and Friday, 
            //check if we're past the target hours, 
            //and if we are, abort.
            if((weekday>=1) && (weekday<=5)){
                if (now.getHours() > target) { //stop the clock
                    return 0;
                }                
            }

            var hrs = (target - 1) - now.getHours();
            if (hrs < 0) hrs = 0;
            var mins = 59 - now.getMinutes();
            if (mins < 0) mins = 0;
            var secs = 59 - now.getSeconds();
            if (secs < 0) secs = 0;

            var str = pad(hrs, 2) + ':' + pad(mins, 2) + '.<small>' + pad(secs, 2) + '</small>';
            document.getElementById('countdownTimer').innerHTML = str;

        }, 1000
    );
}

Source: stackoverflow.com

Similar codes

0 vote225 views1 answer
How to give a background color strip in html and css
CSS
0 vote242 views1 answer
All Stylesheet Media Types
CSS
1 vote286 views1 answer
Composer use different php version
CSS
0 vote245 views1 answer
Paste in form field cordova app
CSS
0 vote250 views1 answer
Change height primeng progress spinner
CSS
0 vote264 views1 answer
How to display a header in the center of the column in css
CSS
34 votes268 views1 answer
Css middle and center align div
CSS
13 votes229 views4 answers
Delected blue border when an input is selected
CSS
0 vote234 views1 answer
Veritical align inline-block checkbox element
CSS
66 votes251 views6 answers
How to center a div with position absolute
CSS