Title: [Plugin: Simple Countdown Timer] Event Countdown Timer & jquery.countdown.js not working on IE9
Last modified: August 20, 2016

---

# [Plugin: Simple Countdown Timer] Event Countdown Timer & jquery.countdown.js not working on IE9

 *  [toulio](https://wordpress.org/support/users/toulio/)
 * (@toulio)
 * [14 years ago](https://wordpress.org/support/topic/plugin-simple-countdown-timer-event-countdown-timer-jquerycountdownjs-not-working-on-ie9/)
 * Hi all and Thank You in advance,
 * I would highly appreciate if you could help me with this, my colleagues, friends
   and I are trying to start a charity and I am currently working on building us
   a website,everything is going well so far.
 * However, I am having the following problem, I am using a widget which is an event
   countdown timer, it seems to be using java, I really like it and how I can link
   a post to it to an event we are organizing but what I noticed is in IE9 (Internet
   Explorer 9) the seconds countdown drops really quickly when I open the browser
   then stops working and the timer freezes and then if I click the compatibility
   view in the IE9 browser it fixes it but the seconds for a minute are 100 rather
   than 60,so I am not sure why it is behaving like that. On the other hand, the
   timer seem to be working perfectly fine on Google Chrome Browser. Can you please
   help with this as it is pretty important ?
 * The code for it is as follows, I do apologize for the length of it:
 *     ```
       /*
        * jquery-counter plugin
        *
        * Copyright (c) 2009 Martin Conte Mac Donell <Reflejo@gmail.com>
        * Dual licensed under the MIT and GPL licenses.
        *
        * http://docs.jquery.com/License
        *
        * IE fix by Andrea Cardinale <a.cardinale@webandtech.it> [23 September 2009]
        * IE fix added by Giguashvili, Levan <levangig@gmail.com> [04 April 2011]
        */
   
       jQuery.fn.countdown = function(userOptions)
       {
         // Default options
         var options = {
           stepTime: 60,
           // startTime and format MUST follow the same format.
           // also you cannot specify a format unordered (e.g. hh:ss:mm is wrong)
           format: "dd:hh:mm:ss",
           startTime: "01:12:32:55",
           digitImages: 6,
           digitWidth: 53,
           digitHeight: 77,
           timerEnd: function(){},
           image: "digits.png"
         };
         var digits = [], interval;
   
         // Draw digits in given container
         var createDigits = function(where)
         {
           var c = 0;
   
       	options.startTime = options.startTime.split('');
       	options.format = options.format.split('');
   
           var tempStartTime = options.startTime;
           var tempFormat = options.format;
           // Iterate each startTime digit, if it is not a digit
           // we'll asume that it's a separator
           for (var i = 0; i < tempStartTime.length; i++)
           {
             if (parseInt(tempStartTime.charAt(i)) >= 0)
             {
               elem = jQuery('<div id="cnt_' + i + '" class="cntDigit" />').css({
                 height: options.digitHeight * options.digitImages * 10,
                 float: 'left', background: 'url(\'' + options.image + '\')',
                 width: options.digitWidth});
               digits.push(elem);
               margin(c, -((parseInt(tempStartTime.charAt(i)) * options.digitHeight *
                                     options.digitImages)));
               digits[c].__max = 9;
               // Add max digits, for example, first digit of minutes (mm) has
               // a max of 5. Conditional max is used when the left digit has reach
               // the max. For example second "hours" digit has a conditional max of 4
               switch (tempFormat.charAt(i)) {
                 case 'h':
                   digits[c].__max = (c % 2 == 0) ? 2: 9;
                   if (c % 2 == 0)
                     digits[c].__condmax = 4;
                   break;
                 case 'd':
                   digits[c].__max = 9;
                   break;
                 case 'm':
                 case 's':
                   digits[c].__max = (c % 2 == 0) ? 5: 9;
               }
               ++c;
             }
             else
               elem = jQuery('<div class="cntSeparator"/>').css({float: 'left'})
                       .text(tempStartTime.charAt(i));
   
             where.append('<div>');
             where.append(elem);
       	  where.append('</div>');
           }
         };
   
         // Set or get element margin
         var margin = function(elem, val)
         {
           if (val !== undefined)
             return digits[elem].css({'marginTop': val + 'px'});
   
           return parseInt(digits[elem].css('marginTop').replace('px', ''));
         };
   
         // Makes the movement. This is done by "digitImages" steps.
         var moveStep = function(elem)
         {
           digits[elem]._digitInitial = -(digits[elem].__max * options.digitHeight * options.digitImages);
           return function _move() {
             mtop = margin(elem) + options.digitHeight;
             if (mtop == options.digitHeight) {
               margin(elem, digits[elem]._digitInitial);
               if (elem > 0) moveStep(elem - 1)();
               else
               {
                 clearInterval(interval);
                 for (var i=0; i < digits.length; i++) margin(i, 0);
                 options.timerEnd();
                 return;
               }
               if ((elem > 0) && (digits[elem].__condmax !== undefined) &&
                   (digits[elem - 1]._digitInitial == margin(elem - 1)))
                 margin(elem, -(digits[elem].__condmax * options.digitHeight * options.digitImages));
               return;
             }
   
             margin(elem, mtop);
             if (margin(elem) / options.digitHeight % options.digitImages != 0)
               setTimeout(_move, options.stepTime);
   
             if (mtop == 0) digits[elem].__ismax = true;
           }
         };
   
         jQuery.extend(options, userOptions);
         this.css({height: options.digitHeight, overflow: 'hidden'});
         createDigits(this);
         interval = setInterval(moveStep(digits.length - 1), 1000);
       };
   
       jQuery.fn.countdown = function(userOptions)
       {
         // Default options
         var options = {
           stepTime: 60,
           // startTime and format MUST follow the same format.
           // also you cannot specify a format unordered (e.g. hh:ss:mm is wrong)
           format: "dd:hh:mm:ss",
           startTime: "01:12:32:55",
           digitImages: 6,
           digitWidth: 21,
           digitHeight: 32,
           timerEnd: function(){},
           image: "digits.png"
         };
         var digits = [], interval;
   
         // Draw digits in given container
         var createDigits = function(where)
         {
           var c = 0;
           var tempStartTime = options.startTime;
           // Iterate each startTime digit, if it is not a digit
           // we'll asume that it's a separator
           for (var i = 0; i < options.startTime.length; i++)
           {
             if (parseInt(tempStartTime.charAt(i)) >= 0)
             {
               elem = jQuery('<div id="cnt_' + i + '" class="cntDigit" />').css({
                 height: options.digitHeight * options.digitImages * 10,
                 float: 'left', background: 'url(\'' + options.image + '\')',
                 width: options.digitWidth});
               digits.push(elem);
               margin(c, -((parseInt(tempStartTime.charAt(i)) * options.digitHeight *
                                     options.digitImages)));
               digits[c].__max = 9;
               // Add max digits, for example, first digit of minutes (mm) has
               // a max of 5. Conditional max is used when the left digit has reach
               // the max. For example second "hours" digit has a conditional max of 4
               switch (options.format[i]) {
                 case 'h':
                   digits[c].__max = (c % 2 == 0) ? 2: 9;
                   if (c % 2 == 0)
                     digits[c].__condmax = 4;
                   break;
                 case 'd':
                   digits[c].__max = 9;
                   break;
                 case 'm':
                 case 's':
                   digits[c].__max = (c % 2 == 0) ? 5: 9;
               }
               ++c;
             }
             else
               elem = jQuery('<div class="cntSeparator"/>').css({float: 'left'})
                       .text(tempStartTime.charAt(i));
   
       	  where.append('<div>');
             where.append(elem);
       	  where.append('</div>');
           }
         };
   
         // Set or get element margin
         var margin = function(elem, val)
         {
           if (val !== undefined)
             return digits[elem].css({'marginTop': val + 'px'});
   
           return parseInt(digits[elem].css('marginTop').replace('px', ''));
         };
   
         // Makes the movement. This is done by "digitImages" steps.
         var moveStep = function(elem)
         {
           digits[elem]._digitInitial = -(digits[elem].__max * options.digitHeight * options.digitImages);
           return function _move() {
             mtop = margin(elem) + options.digitHeight;
             if (mtop == options.digitHeight) {
               margin(elem, digits[elem]._digitInitial);
               if (elem > 0) moveStep(elem - 1)();
               else
               {
                 clearInterval(interval);
                 for (var i=0; i < digits.length; i++) margin(i, 0);
                 options.timerEnd();
                 return;
               }
               if ((elem > 0) && (digits[elem].__condmax !== undefined) &&
                   (digits[elem - 1]._digitInitial == margin(elem - 1)))
                 margin(elem, -(digits[elem].__condmax * options.digitHeight * options.digitImages));
               return;
             }
   
             margin(elem, mtop);
             if (margin(elem) / options.digitHeight % options.digitImages != 0)
               setTimeout(_move, options.stepTime);
   
             if (mtop == 0) digits[elem].__ismax = true;
           }
         };
   
         jQuery.extend(options, userOptions);
         this.css({height: options.digitHeight, overflow: 'hidden'});
         createDigits(this);
         interval = setInterval(moveStep(digits.length - 1), 1000);
       };
       ```
   
 * [http://wordpress.org/extend/plugins/simple-countdown-timer/](http://wordpress.org/extend/plugins/simple-countdown-timer/)

The topic ‘[Plugin: Simple Countdown Timer] Event Countdown Timer & jquery.countdown.
js not working on IE9’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/simple-countdown-timer.svg)
 * [Simple Countdown Timer](https://wordpress.org/plugins/simple-countdown-timer/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/simple-countdown-timer/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/simple-countdown-timer/)
 * [Active Topics](https://wordpress.org/support/plugin/simple-countdown-timer/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/simple-countdown-timer/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/simple-countdown-timer/reviews/)

## Tags

 * [countdown widget](https://wordpress.org/support/topic-tag/countdown-widget/)

 * 0 replies
 * 1 participant
 * Last reply from: [toulio](https://wordpress.org/support/users/toulio/)
 * Last activity: [14 years ago](https://wordpress.org/support/topic/plugin-simple-countdown-timer-event-countdown-timer-jquerycountdownjs-not-working-on-ie9/)
 * Status: not resolved