为了简单起见,我只想说我希望网站的标题每秒增加1
,从0
开始。我知道如何使用setInterval
使用JavaScript来实现这一点 - 它非常直接。但是,一旦我切换到新选项卡,设置间隔似乎基本上停止工作。我看到网站在没有聚焦的情况下进行这种类型的定期更新,所以我知道这是可能的。我试着查看他们的源代码,但无法解决任何问题。那么,如何实现这一目标呢?
那么它应该通过每次第二次通过时更新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)}
通过这种方式,圆圈每秒更新标题达到由时间变化变量决定的次数。
对于不使用不同选项卡的问题,可能取决于页面的焦点,您可能会说:
<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传递给第二个函数,这样你就可以继续循环变量。