javascript - 我可以在移动浏览器中使用 javascript 计时器吗

Question

我在移动浏览器中使用 IE。我向按钮添加了一个 JavaScript 函数，当用户单击该按钮时，它会显示“你好”。

这有效。

然后我添加一个计时器。

在桌面浏览器上它可以工作。

它在我的移动浏览器上不起作用。

这是我的代码。 (请注意，我刚刚尝试在 swapImages() 中放置一个 Alert('hi'); ，但这也不起作用。

 var div = document.getElementById('divImage');
        var imgCached = document.getElementById('imgCached');

        document.execCommand("BackgroundImageCache", false, true);

        function OnImgLoaded() {
          img1.src = imgCached.src;
        }

        var interval = 30;
        var _timer;
        var _index = 0;

        function test() {
            _timer = setInterval('swapImages()', interval);
        }

        function swapImages() {
            imgCached.onload = OnImgLoaded();
            imgCached.src = 'my server url~/' + '0000' + _index + '.jpg';
            _index = _index + 1;
            if (_index == 10) {
                _index = 0;
                clearTimeout(_timer);
            }
    }

更新!! 我一直在 Chrome 桌面上运行它，而不是 IE。我正在 IE 桌面上测试它。我遇到了同样的错误，所以现在我可以调试了。

错误是这一行: img1.src = imgCached.src;

它告诉我: 无法获取未定义或空引用的属性“src”

我已将代码更改为: var imgLive = document.getElementById('imgLive'); (我已经重命名了img控件)

function OnImgLoaded() {
imgLive.src = imgCached.src;
}

我也遇到同样的错误。

我查看源代码，该控件的命名正确..

谢谢

Answer 1

我不确定以下行在您的手机中是否有效:

imgCached.src = 'http://127.0.0.1/Cloud/test/' ...

计时器成功执行，但图像未获取正确的源代码，因为设备未在其上运行网络服务器(除非您配置了网络服务器)。

并回答您的主题问题，是的 - 您可以在移动浏览器中使用 JavaScript 计时器，就像桌面浏览器一样。

希望有帮助。