Chrome浏览器中的DOJO计时器暂停

Question

我的计时器有问题，问题仅在Chrome中，而不在Firefox中

我启动计时器，当我在Chrome中更改标签时，计时器会暂停，直到我切换回启动计时器的标签

可以测试为...在chrome中打开文件（代码如下），启动计时器，5秒钟后打开一个新标签，并停留一段时间。...（例如，一分钟），当您切换回标签页，您在其中启动了计时器...。计时器仍在5秒内，并从那里继续。

当选项卡未激活时，chrome会暂停计时器。该如何解决？

码

<html>

<head>
    <style type="text/css">
        body, html { font-family:helvetica,arial,sans-serif; font-size:90%; }
    </style>
    <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojo/dojo.xd.js"
        djConfig="parseOnLoad: true">
    </script>

    <script type="text/javascript">
        dojo.require("dijit.form.Button");
        dojo.require("dojox.timing._base");
        var hours = 0;
        var mins = 0;
        var secs = 0;
        var mili = 1;
        var t;
    </script>

    <script type="text/javascript">
        function showTimer() {
            t = new dojox.timing.Timer();
            t.setInterval(10);
            t.onTick = function() {
                if(mili == 100) {
                    mili = 0;
                    secs ++;
                }

                if(secs == 60) {
                    secs = 0;
                    mins ++;
                }

                if(mins == 60) {
                    mins = 0;
                    hours ++;
                }

                dojo.byId("my").innerHTML = "Time : " + hours + ":" + mins + ":" +secs + ":" + mili++;
            }
            t.start();
        }
    </script>

    <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dijit/themes/claro/claro.css"
    />
</head>

<body class=" claro ">
    <p>
        Timer testing
    </p>

     <button id="buttonTwo" dojoType="dijit.form.Button" type="button">
        Start Timer
        <script type="dojo/method" event="onClick" args="evt">
           showTimer ();
        </script>
    </button>
    <button id="buttonThree" dojoType="dijit.form.Button" type="button">
        Stop Timer
        <script type="dojo/method" event="onClick" args="evt">
           t.stop();
        </script>
    </button>
    <div id="my">&nbsp;</div>
</body>

Answer 1

如果该标签页未激活，Chrome似乎会停止所有（javascript）活动。 但是时间问题可以用不同的方式解决（我之前也遇到过同样的问题）。 启动时，您可以使用var startTime = new Date（）。getTime（）;

可以计算自开始以来经过的秒数

var secondsPassed = (new Date().getTime() - startTime) / 1000;

给您自文档开始以来的秒数，从中您可以确定小时和分钟。 您确实需要四舍五入。

Answer 2

一般来说，不能保证在指定的时间触发超时。

Chrome浏览器中的DOJO计时器暂停

问题描述

2 个解决方案

解决方案1
1 已采纳 2011-08-26 11:28:12

解决方案2
0 2011-08-27 00:47:59

Chrome浏览器中的DOJO计时器暂停

问题描述

2 个解决方案

解决方案1 1 已采纳 2011-08-26 11:28:12

解决方案2 0 2011-08-27 00:47:59

解决方案1
1 已采纳 2011-08-26 11:28:12

解决方案2
0 2011-08-27 00:47:59