js实现了日历和定时器

一个简单的日历会根据系统日期自动调整对应的日期，每60秒切换一次名言。只要你有想法，你就能让它们与众不同。

渲染：

代码如下：

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title title/title style。日历{ width: 300pxheight: 360pxmargin: 100px自动；背景色-: # 59ACFF；文本对齐：中心；color: # C1DBF5} .日历p { color: # ffffffFont: 400 18px/80px '微软雅黑'；} # nowdate { display: block高度： 100像素；宽度： 100 px；背景色-: # FF9600；文本对齐：中心；margin: 0 autoFont: 700 60px/100px '微软雅黑'；color: # ffffff} .日历强{ margin: 20px autopadding: 5pxdisplay:块；宽度： 250 px；高度： 40px；color: # ffffffFont: 500 20px/26px '微软雅黑'；border-top:虚线1px # ffffff} # time { color: # ffffffFont: 500 20px/40px '微软雅黑'；}/style script window . onload=function(){//当前年、月、日id var full date=document . getelementbyid(' full date ')；//当前日期id var now date=document . getelementbyid(' now date ')；//倒计时id vartime=document . getelementbyid(' time ')；//问候语id var hllo=document . getelementbyid(' hllo ')；//获取当前年、月、日、小时var full time=new Date()；var year=full time . getfull year()；//year var month=full time . getmonth()；//月var date=full time . getdate()；//day var hours=full time . gethours()；//hour var dayArr=['星期日'，'星期一'，'星期二'，'星期三'，'星期四'，'星期五'，'星期六']；//设置fulldate.innerHTML=year' year '(月1日)' month ' date ' ' dayar[full time . getday()]；//set nowdate.innerHTML=当天的日期；//名言array var hlloarr=['只有爬上山顶才能看到那里的风景'，'山路曲折，但终究是向着山顶延伸'，'勤奋是你人生的密码，你可以翻译出一部壮丽的史诗'，'影响一个人成功的不是能力，而是选择'，'我们的世界永远不会给一个可悲的落后者颁发勋章'，只有不断培养信心，‘每一次努力的背后都要有双倍的回报’‘不要等待机会，而是创造机会’‘用眼泪播种的人一定会笑着收获’‘让信念坚持下去，梦想就会实现’‘不要为自己的失败找借口’‘要学习新事物，不断进步，就要放低姿态’】；//当前时间段默认的名言hllo . innerhtml=hlloarr[par sent(hours/2)]；var endTime=新日期(年、月、日，23，59，59)；//获取未来结束时间setInterval(fun，1000)；//start timer fun(){ var new time=new date()；//获取最新时间varms=par sent((end time-new time)/1000)；//获取毫秒并舍入var s=ParSeint(ms % 60)；//sec var m=ParSeint((ms/60)% 60)；//min var h=ParSeint((ms/3600)% 24)；//hour//var d=ParSeint((ms/3600)/24)；//第s10天？s=' 0 ' s:sm10？m=' 0 ' m:mh10？h=' 0 ' h:h//d10？d=' 0 ' d:d当time.innerHTML=h时，m '分'秒'；//每60秒切换一次著名的if(s==0){ hllo . innerhtml=hlloarr[parsent(m)]；} } }/script/head body div class=' calendar ' p id=' full date '/p Span id=' now date '/Span strong id=' hllo '/strong Span-今日余额/Span div id=' time '/div/div/body/html以上就是本文的全部内容。希望这篇文章的内容能给大家的学习或工作带来一些帮助，也希望大家多多支持我们！