本文主要是介绍js时间电子表,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
动态时间电子表
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><style>#time{width:370px;height:60px;background:blue;color:white;margin: 120px auto;line-height: 60px;text-align: center;font-size:20px;border:5px solid rgb(192,192,192);}</style></head><body><div id="time"></div><script>function getTime(){var d = new Date();//获取年var year = d.getFullYear();//获取月var month = d.getMonth()+1;//获取日var day = d.getDate();//获取星期 var week = getweek(d.getDay()); //获取小时var hour = d.getHours();//获取分var minute = d.getMinutes();//获取秒var second = d.getSeconds();var str = year+'年'+month+'月'+day+'日'+' 星期'+week+' '+hour+'时'+minute+'分'+second+'秒';return str;}document.querySelector('#time').innerHTML = getTime();function getweek(week){switch(week){case 0:week = "日";break;case 1:week = "一";break;case 2:week = "二";break;case 3:week = "三";break;case 4:week = "四";break;case 5:week = "五";break;case 6:week = "六";break;}return week;}//计时器setInterval(function(){document.querySelector('#time').innerHTML = getTime();},1000)</script></body>
</html>
这篇关于js时间电子表的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!