/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

37 votes213 views1 answer
Placeholder font size
CSS
0 vote167 views1 answer
Couloured button link generator code scss
CSS
0 vote145 views1 answer
Glass div generator
CSS
0 vote152 views1 answer
I need show the message for when we are clicking routing page in anularjs
CSS
0 vote161 views1 answer
How to create wave like border
CSS
33 votes157 views3 answers
Change button shaddow css
CSS
13 votes147 views3 answers
How to change cursor in css on hover
CSS
0 vote179 views1 answer
Installer scss projet wordpress
CSS
7 votes146 views2 answers
Detect if an element has a class jQurey
CSS
4 votes154 views1 answer
Make something unclickable css
CSS