到这里，所以的功能就都实现了，你以为就这样就结束了吗？当然。。。不是，出于我们程序猿对代码的严谨态度，很多地方都是可以做优化的，所有的代码整理优化如下：
var oBox = document.getElementById("box"); var offOn = true; Timer(oBox); function showTime(){ oBox.timer = setInterval(function(){ Timer(oBox); },1000); } showTime(); oBox.onclick = function(){ offOn ? clearInterval(oBox.timer) : showTime(); offOn=!offOn; } function Timer(obj){ var nowDate = new Date(); var time = { year : nowDate.getFullYear(), month : nowDate.getMonth(), day : nowDate.getDate(), week : nowDate.getDay(), hour : nowDate.getHours(), minute : nowDate.getMinutes(), second : nowDate.getSeconds() }; function Week(num){ switch(num){ case 1 : return '星期一'; break; case 2 : return '星期二'; break; case 3 : return '星期三'; break; case 4 : return '星期四'; break; case 5 : return '星期五'; break; case 6 : return '星期六'; break; case 7 : return '星期日'; break; }; } function twoNum(num){ return num = num<10 ? '0'+num : num; } obj.innerHTML = time.year+'年'+time.month+'月'+time.day+'日 '+Week(time.week)+' '+time.hour+':'+twoNum(time.minute)+':'+twoNum(time.second); }
里面用到的几处三元运算和取反等操作，请好好的揣摩领悟一下！
到这里，你以为就这样就结束了吗？当然。。。不是，说到显示时间，这只是时间对象应用的九牛一毛，更多的应用应该是倒计时的应用，比如说团购网站，比如说验证码的倒计时等等，但是今天时间有限，这次就不在这里细说倒计时的功能了，我会单独开一片博客讲解倒计时的一些应用方法，供大家参考学习，我觉得还是有必要说说的，好了，今天就到这里！