900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > js创建一个显示当前时间的简易小时钟

js创建一个显示当前时间的简易小时钟

时间:2022-03-15 16:14:34

相关推荐

js创建一个显示当前时间的简易小时钟

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。