Question

我们使用jpages脚本进行分页。请参阅：http://luis-almeida.github.com/jPages/

init()功能冻结倒数计时器。我们使用countdown.js作为计时器。

通常计时器工作正常。但是当调用init()函数时它会冻结。

解决此问题的任何解决方案？

更新

请参阅以下位置：http://vsoftdemos.com/test_chrome.html

这是谷歌浏览器特定的问题，它在所有其他浏览器上运行良好。以下是复制此问题的步骤。

在Google Chrome上加载此页面后，您可以看到计时器正在运行。然后，请打开一个新标签并通过网址，然后点击“输入”按钮。现在计时器停止运行，如果刷新页面，它会再次运行。

如果我在http://vsoftdemos.com/jPages.js中评论一行，那么效果很好。我评论的行是this.init();

我希望我能清楚地解释一切。

Answer 1

确定查看了您的演示页面代码我可以建议的是稍微重新编写脚本。

移动此

<script type="text/javascript" src="jPages.js"></script>

进入头部

    <script type="text/javascript" src="jquery_001.js"></script>
    <script type="text/javascript" src="jquery.countdown.js"></script>
    <script type="text/javascript" src="jPages.js"></script>
</head>

然后结合你的其他脚本（并稍微调整一下）

<script type="text/javascript">
    $(function(){

        $("div.holder").jPages({
            containerID : "itemContainer",
            callback: function(pages, items)
            {
                init_timer();
            }
        });

        function init_timer()
        {
            $('.countbox1041').countdown({
                layout : '<b>{d<}{dnn}D:{d>}' + '{hnn}:{mnn}:{snn}</b>',
                timeSeparator : ':',
                onExpiry : function () {
                },
                until : 100000
            });
        }

        init_timer();

    });
</script>

现在因为这个脚本对我起作用，我只能假设因为倒计时div在jpages div中，jpages脚本对定时器有一些不利影响，我已经添加了对jpages代码的回调每次翻页时（或不管它做什么）都会触发计时器

希望这有帮助

倒计时镀铬计时器冻结

1 个答案: