javascript - 需要帮助在 Javascript 中重复更新一些文本

标签 javascript html text replace

所以我的 HTML 正文中有这段代码,

<div id="timer">
 <div id="years">## Years</div>
 <div id="months">## Months</div>
 <div id="days">## Days</div>
 <div id="hours">## Hours</div>
 <div id="minutes">## Minutes</div>
 <div id="seconds">## Seconds</div>
 <div id="milliseconds">## Milliseconds</div>
</div>

我想用我设置的一些变量的值替换“##”,但是随着变量的变化而替换它们,我将如何使用 Javascript 执行此操作?

最佳答案

你试试这个

var years="12";    
document.getElementById("years").innerHTML=document.getElementById("years").innerHTML.replace("##",years);

var months="11"
document.getElementById("months").innerHTML=document.getElementById("months").innerHTML.replace("##",months);

其他元素同理

DEMO

更新:

因为你将不得不反复做这样的事情

var seconds=0;
var inner=document.getElementById("seconds").innerHTML;
setInterval(function(){

document.getElementById("seconds").innerHTML=seconds+inner.substring(2);
    seconds+=1;
    },1000);

DEMO2

关于javascript - 需要帮助在 Javascript 中重复更新一些文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21585279/

相关文章:

CSS 停止文本大小调整到最底部

javascript - 向嵌套列表类添加级别深度

javascript - 有没有办法为函数参数实现类似接口(interface)的方法?

html - 尝试制作一个带有左右浮动按钮的页脚

html - 当窗口大小减小时,使用媒体查询来增加我的主体容器的高度大小时,它将不起作用。

html - 如何使链接颜色不覆盖动画文本颜色

Android自定义工具栏文本按钮

javascript - 在 Vue 组件实例上更新 Prop 的正确方法是什么

javascript - React - 如何访问数据集值

javascript - Bootstrap 的 Accordion 控件无法正常工作