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

时间:2014-02-05 18:19:37

标签: 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进行此操作?

1 个答案:

答案 0 :(得分:3)

你试试这个

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