js时钟显示

浏览数：15 / 时间：2015年06月09日

<script type="text/javascript">
	onload=function(){
		start();
		clock = window.setInterval(‘start()‘,1000);
		btn = document.getElementById(‘btn‘);
		btn.addEventListener(‘click‘,timeOut);
		btnTxt = btn.childNodes[0];
	}
	
	function start(){
		var date = new Date();
		
		var s = date.getSeconds();
		var i = date.getMinutes();
		var h = date.getHours();
		var d = date.getDate();
		var m = date.getMonth()+1;
		var y = date.getFullYear();

                //date.toLocaleDateString()——格式化本地日期
                //date.toLocaletimeString()——格式化本地时间

		var week = [‘星期天‘,‘星期一‘,‘星期二‘,‘星期三‘,‘星期四‘,‘星期五‘,‘星期六‘];
		week = week[date.getDay()];
		var str = y+‘-‘+m+‘-‘+d+‘  ‘+h+‘:‘+i+‘:‘+s+‘  ‘+week;
		
		var dv = document.getElementById(‘dv‘);
		var txt = document.createTextNode(str);
		dv.replaceChild(txt,dv.childNodes[0]);
	}
	
	function timeOut(){
		var start = document.createTextNode(‘开始‘);
		
		if(btn.firstChild.nodeValue==‘暂停‘){
			clearInterval(clock);
			var start = document.createTextNode(‘开始‘);
			btn.replaceChild(start,btn.childNodes[0]);
		}else if(btn.firstChild.nodeValue==‘开始‘){
			clock = window.setInterval(‘start()‘,1000);
			var start = document.createTextNode(‘暂停‘);
			btn.replaceChild(start,btn.childNodes[0]);
		}
	}
</script>

<div id="dv">这里显示时钟</div>
<button id="btn">暂停</button>

js时钟显示,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

js时钟显示