Question

因此，基本上我的代码会检查HTML元素的值是否为0，如果它没有设置计时器以将页面标题更改为通知类型的文本。

我真的，真的对JS很新，所以我不知道为什么这不起作用，我尝试了getElementById（＆＃34; licon liconspan＆＃34;）以及什么都没有。

编辑：好的，所以我按照我想要的方式工作，这里是代码：

＆＃13;

function changeTitle() {
  var title = document.title;
  var variable = document.querySelector('.liconspan').innerHTML;
  if ((variable) !== 0) {
    setTimeout(changeTitle, 3000);
    document.title = 'You have ' + variable + ' unread messages!';
  }
}
changeTitle();

＆＃13;

问题但是，如何让它与标题来回切换，例如＆＃34;你收到了一条消息＆＃34;三秒钟然后＆＃34;页面标题＆＃34;然后再过三秒钟＆＃34;你收到一条消息＆＃34;再等等。

Answer 1

由于您使用的是jQuery，您可以使用适当的选择器逐个获取元素并检查其值，以更改您不需要jQuery的文档标题。

或者，您可以使用getElementsByClassName：

Element.getElementsByClassName（）方法返回实时包含所有子元素的HTMLCollection 给出类名。当调用文档对象时，完成搜索文档，包括根节点。

代码：

function changeTitle() {
    var title = document.title; 
    if (parseInt($('.liconspan').val()) !== 0 ) {
        setTimeout(changeTitle, 3000);  
        document.title='>'+title;
    }
}
changeTitle();

演示：http://jsfiddle.net/c9p670ra/

试图制作页面标题通知

1 个答案: