js時鐘顯示

標籤：des   blog   java   art   io   cti   

<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>