Title: [Plugin: Simple Countdown Timer] problem with iexplorer browser
Last modified: August 20, 2016

---

# [Plugin: Simple Countdown Timer] problem with iexplorer browser

 *  [echopapa](https://wordpress.org/support/users/echopapa/)
 * (@echopapa)
 * [14 years, 6 months ago](https://wordpress.org/support/topic/plugin-simple-countdown-timer-problem-with-iexplorer-browser/)
 * Hello Tommy, I have dowloaded your plugin Simple Countdown Timer. It worked very
   well with Firefox and Chrome, but I have problem with iexplorer (7 and 8 in special
   mode).
 * How I can fix a problem?
 * [http://wordpress.org/extend/plugins/simple-countdown-timer/](http://wordpress.org/extend/plugins/simple-countdown-timer/)

Viewing 2 replies - 1 through 2 (of 2 total)

 *  [Yitzi](https://wordpress.org/support/users/yitzi/)
 * (@yitzi)
 * [14 years, 4 months ago](https://wordpress.org/support/topic/plugin-simple-countdown-timer-problem-with-iexplorer-browser/#post-2384280)
 * I fixed this problem in my installation by getting rid of the extra comma (after{
   $imgHeight}) in the js call in simple-countdown-timer.php
 * This:
 *     ```
       <script type="text/javascript">
       jQuery(function(){
       	jQuery('#sct_id_{$sct_code_incremental_id} .sct_count').countdown({
       		image: '{$digits}',
       		format: "{$jsdays}:hh:mm:ss",
       		startTime: "{$js}",
       		digitWidth: {$imgWidth},
       		digitHeight: {$imgHeight},
       	});
       });
       </script>
       ```
   
 * becomes:
 *     ```
       <script type="text/javascript">
       jQuery(function(){
       	jQuery('#sct_id_{$sct_code_incremental_id} .sct_count').countdown({
       		image: '{$digits}',
       		format: "{$jsdays}:hh:mm:ss",
       		startTime: "{$js}",
       		digitWidth: {$imgWidth},
       		digitHeight: {$imgHeight}
       	});
       });
       </script>
       ```
   
 *  [the.Zedt](https://wordpress.org/support/users/doryan-gray/)
 * (@doryan-gray)
 * [14 years, 1 month ago](https://wordpress.org/support/topic/plugin-simple-countdown-timer-problem-with-iexplorer-browser/#post-2384311)
 * I found an alternate jquery.countdown.js file that functions correctly on IE 
   8 (didn’t try older versions):
 *     ```
       /*
        * 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
        */
       /* fixed for IE8 */
   
       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;
           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.charAt(i)) {
                 case 'h':
                   digits[c].__max = (c % 2 == 0) ? 2: 9;
                   if (c % 2 != 0)
                     digits[c].__condmax = 3;
                   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);
   
       };
       ```
   

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘[Plugin: Simple Countdown Timer] problem with iexplorer browser’ 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/)

 * 2 replies
 * 3 participants
 * Last reply from: [the.Zedt](https://wordpress.org/support/users/doryan-gray/)
 * Last activity: [14 years, 1 month ago](https://wordpress.org/support/topic/plugin-simple-countdown-timer-problem-with-iexplorer-browser/#post-2384311)
 * Status: not resolved