Javascript 更改网站标题以告知用户某些信息

Javascript 更改网站标题以告知用户某些信息,javascript,performance,title,unobtrusive-javascript,Javascript,Performance,Title,Unobtrusive Javascript,我想更新我的网站标题,以显示定时器的实际价值。像这样(在左边) 这一次应该更新。 我在JavaScript中找到了两种方法 或者通过设置 document.title = hours + ":" + minutes + ":" + seconds; 或者通过在“title”标记上设置id,从JavaScript获取此标记并更改其textNode: <title id="title-tag">Tick-tock timer</title> var titleTag

我想更新我的网站标题,以显示定时器的实际价值。像这样(在左边)

这一次应该更新。 我在JavaScript中找到了两种方法

或者通过设置

document.title = hours + ":" + minutes + ":" + seconds;
或者通过在“title”标记上设置id,从JavaScript获取此标记并更改其textNode:

 <title id="title-tag">Tick-tock timer</title>


var titleTag = document.getElementById("title-tag"); // of course I won't get this element every time I change value, I will factor it out
titleTag.textContent = hours + ":" + minutes + ":" + seconds;
滴答作响计时器
var titleTag=document.getElementById(“标题标签”);//当然,我不会在每次更改值时都得到这个元素,我会将它计算出来
titleTag.textContent=hours+“:“+minutes+”:“+seconds;

我想知道哪种方法更合适/更有效?

在我看来应该没有区别,因为每秒只执行一次(如果计时器小于秒,例如100ms,则检查是否需要更改)

但是,对于稍后将支持此代码的人来说,第一种方法似乎更加清晰和正确

编辑

在我执行了一些测试(请参阅)之后,很明显:第一种方法要快一点


但无论如何,正如我前面提到的,在您的案例中,这不是要考虑的重点

Try:
setInterval(函数(){document.title=newdate();},100)您不需要在标题标签上使用id。您可以:
document.getElementByTagName('title')
标记对。这个jsbin测试看起来像无限循环。它使我的浏览器没有响应!这个函数同时运行两个函数1000000次。我有Chrome,运行速度很快(总共可能10秒)。您可以轻松地重复测试,只需在循环中多次运行函数并查看时间,否则无法找到更快的方法