通过JavaScript的setInterval函数创建一个可以显示当前时间的简易小时钟:(这里只给出了一个最基本的样式,可以添加更多样式美化它!)
浏览器显示结果:
代码实现:
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>clock</title><style type="text/css">*{margin: 0;padding: 0;}#time{background: #000;color: green;text-align: center;}</style></head><body><h1 id="time">北京时间</h1><script type="text/javascript" >setInterval(function(){clock=new Date();year=clock.getFullYear();month=clock.getMonth()+1;day=clock.getDate();hour=clock.getHours();minute=clock.getMinutes();second=clock.getSeconds();if (hour<10) {//当时、分、秒小于10时,前面补0.hour="0"+hour;}if (minute<10) {minute="0"+minute;}if (second<10) {second="0"+second;}str=year+'-'+month+'-'+day+' '+hour+':'+minute+':'+second;document.getElementById("time").innerHTML=str;},1000);</script></body></html>