例如,我希望这个 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,因为这是您通常想要的。
有像这样的库
- > handlebars
- > mustache
哪些可以帮助您实现您想要的。
当然,有更精细和更新的工具可以做到这一点;但目前,简单的模板似乎可以满足您的需求。
关于javascript - 如何将 setInterval 定位到特定的 html 标记,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51897169/