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中文网其它相关文章！
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
广告Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
540
收藏
