js在网页上显示时间的代码实现
程序员文章站
2022-04-06 17:30:33
...
本篇文章给大家带来的内容是关于js在网页上显示时间的代码实现 ，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<span id="date1">
</span>
<script >
function $(num1){
return num1<10?"0"+num1:num1;
}
function setTime(){
var date = new Date();
var year = date.getFullYear();
var month = date.getMonth()+1;
var day = date.getDate();//在使用天数的时候使用date来得到
var week = date.getDay();//getday得到的是一周内的第几天
console.log();
var hour = date.getHours();
var minute = date.getMinutes();
var second = date.getSeconds();
var time = year+"-"+$(month)+'-'+$(day)+" "+$(hour)+":"+$(minute)+":"+$(second);
document.getElementById("date1").innerHTML=time;
}
setTime();
setInterval('setTime()',500);
</script>
</body>
</html>
使用javascript的一个小技巧，先是获取各个时间，在通过函数结合在一起，然后通过document.getElementById（）.innerHTML=结合后时间。来打印。
注意的是，在使用setinterval（）之前需要调用一次函数（为了防止页面一开始打开时空白）。
相关推荐：
js实现在网页上简单显示时间的方法_javascript技巧
以上就是js在网页上显示时间的代码实现的详细内容，更多请关注其它相关文章！