html设置时间的方法:首先创建一个div;然后给该div添加一个class属性;最后通过“function realSysTime(clock){...}”方法设置时间即可。
本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。
HTML设置一个当前时间
setInterval(function(){ realSysTime(clock),1000 }); //显示当前时间 function realSysTime(clock){ var now=new Date(); //创建Date对象 var year=now.getFullYear(); //获取年份 var month=now.getMonth(); //获取月份 var date=now.getDate(); //获取日期 var day=now.getDay(); //获取星期 var hour=now.getHours(); //获取小时 var minu=now.getMinutes(); //获取分钟 var sec=now.getSeconds(); //获取秒钟 month=month+1; var arr_week=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六"); var week=arr_week[day]; //获取中文的星期 var time=year+"年"+month+"月"+date+"日 "+" "+((hour<10)?('0'+hour):hour)+":"+((minu<10)?('0'+minu):minu)+":"+((sec<10)?('0'+sec):sec); //组合系统时间 clock.innerHTML=time; //显示系统时间 }
<!-- 当前时间显示 --> <div id="clock" class="time" ></div>
【推荐学习:HTML视频教程】
以上就是html怎么设置时间的详细内容,更多请关注php中文网其它相关文章!
![php中文网最新课程二维码](/static/images/article_wechat2021.jpg?1111)
声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
- 上一篇:html怎么设置列宽
- 下一篇:html怎么注释单行
网友评论
文明上网理性发言,请遵守 新闻评论服务协议
我要评论