html 、js 电子时钟特效源代码Demo

html:

<span id="data_now" style="position: absolute;right: 50px;top: 80px;"></span>

js：

<script>
    window.onload=function(e)
    {
function genNewDate() {
    
    var date = new Date();
   
    var dateStr = date.getFullYear() + "年" + (date.getMonth() + 1) + "月" + getTwo(date.getDate()) + "日 " 
	+ getTwo(date.getHours()) + ":" + getTwo(date.getMinutes()) + ":" + getTwo(date.getSeconds());
   
    var dateTip = document.getElementById("data_now");

  
    dateTip.innerHTML = dateStr;

}
function getTwo(num){
	return num>9?num:'0'+num
}
	
genNewDate()


window.setInterval(function(){
genNewDate()
}, 1 * 1000);
    }
</script>