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

一般来说，超时不能保证在指定时间点火。

DOJO计时器在Chrome中暂停

2 个答案: