Question

我试图在特定日期实施一个简单的倒数计时器。我正在使用jCounter jQuery插件，我相信我的一切工作都很好，除了在Safari和IE9中，日期是1小时。我倒计时的日期是＆＃34; 2015年3月8日06：00：00＆＃34; - 即。这个星期天早上6点。我不是肯定的，但我怀疑发生的事情是这两个浏览器正在考虑本周末发生的夏令时变化，但我可能错了。

这是Codepen： http://codepen.io/flysi3000/pen/myGrYG

HTML：

<div class="clock">
                <ul id="counter">
                    <li>
                        <p class="textHours">hours</p>
                        <p class="hours">00</p>
                    </li><!--
                    --><li>
                        <p class="textMinutes">minutes</p>
                        <p class="minutes">00</p>
                    </li><!--
                    --><li>
                        <p class="textSeconds">seconds</p>
                        <p class="seconds">00</p>
                    </li>
                </ul>
            </div> <!-- end clock -->
        </div>

的CSS：

#counter ul {
    list-style: none;
    padding: 0;
    width: 100%;
}

#counter li {
    display: inline-block;
    padding: 0 20px;
}

#counter .hours,
#counter .minutes,
#counter .seconds {
    font-size: 4.875em; 
    font-weight: 700;
    line-height: 1;
}

#counter li p {
    font-weight: 700;
    margin-bottom: 22px;
    line-height: .5;
}

JS：

var theDate = "08 March 2015 06:00:00";
$("#counter").jCounter ({
                twoDigits: "on",
                date: theDate,
                format: "hh:mm:ss",
                timezone: "EST",
            });

我的php还没有更改插件的dateandtime.php文件的任务 - 有没有人对我如何解决这个问题有任何建议？

编辑：我没有及时解决周日上午的倒计时问题，但我仍然有兴趣了解如何为自己的教育解决问题。

在IE9和Safari中，jCounter的倒计时偏移1小时

0 个答案: