javascript - 如何将 setInterval 定位到特定的 html 标记

标签 javascript html ajax

例如,我希望这个 setInterval 函数针对特定的选项卡

$(document).ready(function(e){
    $.ajaxSetup({
        cache: false
    });
    var counter = 10;
    setInterval( function(){ 

          printf (counter);
          counter--;
          if (counter === 0) {
        console.log("Yay its functional!!"); }
        clearInterval(newYearCountdown);

    }, 5000 );
});

这是HTML代码

<html>
<head>
  <title></title>
</head>
<body>
<ul class="nav nav-tabs admintabs">
                <li class=""><a href="">Announcements</a></li>
                <li><a href="">Messages(X)</a></li>
                <li><a href="">Requests</a></li>
            </ul>
</body>
</html>

我希望它在消息中针对 X。 我希望有人可以帮助我:(

最佳答案

原则上,您希望以编程方式更新 DOM 中的元素。

为此,您必须使该对象可识别,例如通过类属性。

在您的 HTML 中,可能的解决方案是:

<li><a href="">Messages(<span class="result">X</span>)</a></li>

你可以看看下面的fiddle .

我鼓励您看一看 Templating in javascript,因为这是您通常想要的。

有像这样的库

哪些可以帮助您实现您想要的。

当然,有更精细和更新的工具可以做到这一点;但目前,简单的模板似乎可以满足您的需求。

关于javascript - 如何将 setInterval 定位到特定的 html 标记,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51897169/

相关文章:

javascript - 使用一堆 javascript 调试页面的方法

html - 我可以使用 Flexbox 创建背景和前景吗?

javascript - JQuery slider 不能正常用于下一张幻灯片(.next() 有错误)

javascript - 修改XMLHttpRequest数据

javascript - 我如何将动态附加值发送到 Controller

javascript - 如何创建向下钻取表行

javascript - 当另一个 div 展开时隐藏 div?

javascript - 通过 Prop 传递功能后 react 和检查条件

javascript - 我的提取请求不断收到错误 "the string did not match the expected pattern"

javascript - 再次单击按钮时,clearTimeout 无法按预期工作