html怎么设置时间
时间:2021-04-13 来源:互联网
今天PHP爱好者给大家带来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怎么设置时间的详细内容,更多请关注php爱好者其它相关文章!
-
2024突然爆火的梗是什么梗?全网刷屏的真相揭秘,看完秒懂! 2025-09-07
-
突然很挺的梗是什么梗 揭秘网络爆火流行语背后真相 2025-09-07
-
突然就不香了是什么梗?揭秘网络热词背后的真相,看完秒懂! 2025-09-07
-
突然嚼口香糖是什么梗?揭秘年轻人社交新暗号,轻松get潮流密码! 2025-09-07
-
突然失去梦想是什么梗?揭秘年轻人集体摆烂背后的真实原因 2025-09-07
-
突然想到的梗是什么梗?揭秘网络热梗背后的爆笑真相,看完秒懂! 2025-09-07