宝哥软件园

JavaScript电子时钟倒计时

编辑:宝哥软件园 来源:互联网 时间:2021-09-18

本文实例讲解了Java脚本语言电子时钟倒计时的详细代码,分享给大家供大家参考,具体内容如下Java脚本语言时间类1、获取时分秒:getHours()getMinutes();getSeconds();2、获取年月日:getFullYear();getMonth()1;//获取的月份需要1;getDate();//日期getDay();//获取的是星期,0 - 》星期天

效果图:

实例:

!DOCTYPE html html lang=' en ' head meta charset=' UTF-8 '标题电子时钟/title style type=' text/CSS ' * { margin : 0;padd : 0;} #包装{ width: 200px高度: 100像素;背景-颜色:黑色;} # time { color : # fffdisplay :块;font-size : 24pxmargin: 0自动添加-top : 20px;/*border: 1px纯红;*/text-align:居中;宽度: 100像素;} #定时器{ color:绿色;显示器:块;font-size : 18pxmargin: 0自动添加-top : 10px;/*border: 1px纯红;*/text-align:居中;/*宽度: 100 px*/}/style/head body div id=' wrap ' span id=' time '/span span id=' timer '/span/div script type=' text/JavaScript ' var time=document。getelementbyid(' time ');var timer=文档。getelementbyid(' timer ');setInterval(函数(){ var Date=new Date();var小时=日期。gethours();var分钟=日期。getminutes();var秒=日期。getseconds();var年份=日期。getyear();var date=date。getdate();var monts=日期。get month()1;var day=日期。getday();定义变量解析=日期。得到毫秒()`;switch(day){ case 0: day='日;案例' 1:天='一;案例' 2:天='二;案例' 3: day='三;案例4: day='四;案例' 5: day='五;案例' 6: day='六;} //如果秒数小于十,在秒数面前连接一个0 if(秒10) {秒='0 '秒;} //如果分钟数小于十,在分钟数面前连接一个0 if(分钟10) {分钟='0 '分钟;} //如果小时数小于十,在小说数面前连接一个0 if(hours 10){ hours=' 0 ' hours;} if(years 1900){ years=years 1900;} if(date 10){ date=' 0 ' date;} if(monts10) { monts='0 '个月;} if(解析S10){//解析=' 0 '解析;} timer.innerHTML=years '年蒙特月日期号' '星期一天;time.innerHTML=hours ': '分钟' : '秒' : '解析;//date.getTime()//返回的是一个从1970年到当前的毫秒数(时间戳)(ms) //date.getMonth()//返回的是月份,从0开始算//日期。getfull year();},10)/脚本/正文/html以上就是本文的详细内容,希望对大家的学习爪哇岛描述语言程序设计有所帮助。

更多资讯
游戏推荐
更多+