/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

92 votes214 views5 answers
Bootstrap primary color code
CSS
60 votes195 views5 answers
Rotate div css
CSS
2 votes213 views1 answer
Warning: LF will be replaced by CRLF in Design/css/bootstrap.min.css.
CSS
1 vote197 views1 answer
Open applications bat start
CSS
29 votes199 views2 answers
@font-face rule in css
CSS
0 vote250 views1 answer
Css hide mark border
CSS
2 votes219 views1 answer
How to use the transition left in css
CSS
16 votes215 views1 answer
Rgb purple color
CSS
29 votes196 views3 answers
How to remove scrollbar in css
CSS
2 votes216 views1 answer
Css make div on top of everything
CSS