我如何周期性地当一个不同的选项卡上更新网站的标题?

时间:2019-02-02 16:55:12

标签: javascript html html5 dom

为了简单起见,让我们只说我想要的网站,以增加标题1每一秒,开始于0。我知道如何使用setInterval使用JavaScript做到这一点-很简单。但是,一旦我切换到新标签页,设置间隔似乎就基本上停止了工作。我看到没有重点关注的网站会进行此类定期更新,因此我知道这是可能的。我尝试浏览他们的源代码,但什么都没找到。所以,一个人如何做到这一点?

1 个答案:

答案 0 :(得分:-1)

这应该通过每过一秒钟就更新DOM元素来完成。

所以可能是这样的。          FunctionOne(){ setInterval(function(){ var title = document.getElementByTagName('title'); var TimesChanging = "My number or variable"; for(var a = 0; a <= TimesChanging; a++) { title.innerHTML = "My title " + a; } return a; } ,1000)}

这样,存储单元每秒都会更新标题,次数最多由TimesChanging变量决定。.

对于不使用其他选项卡的问题,它可能取决于页面的焦点,您可以说:

     <body onfocusout="myFunctionTwo(a)" onfocus="FunctionOne()">

     myFunctionTwo(a) {
     setInterval(
     function(){ 
        var title = document.getElementByTagName('title');
        for (a; a<= variable; a++){
         title.innerHTML = "My title " + a;
          }
       ,1000)};

以这种方式聚焦于身体之外,您将参数a传递给第二个函数,并以此方式继续循环变量。