效果如图:
将下列代码放入需要展示的位置即可。
<div id="tingliu">
<span class="tingliu2">您阅读这篇文章共花了:</span>
<span class="tingliu3" id="stime"></span>
</div>
<script language="JavaScript">var ss = 0, mm = 0, hh = 0; function TimeGo() { ss++; if (ss >= 60) { mm += 1; ss = 0 } if (mm >= 60) { hh += 1; mm = 0 } ss_str = (ss < 10 ? "0" + ss : ss); mm_str = (mm < 10 ? "0" + mm : mm); tMsg = "" + hh + "小时" + mm_str + "分" + ss_str + "秒"; document.getElementById("stime").innerHTML = tMsg; setTimeout("TimeGo()", 1000) } TimeGo();
</script>
在线运行演示