网络编程
位置：首页>> 网络编程>> JavaScript>> 纯js实现动态时间显示

纯js实现动态时间显示

作者：开心阳　　发布时间：2024-05-05 09:13:44　

标签：js,动态时间

本文实例为大家分享了js动态时间显示 的具体代码，供大家参考，具体内容如下


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>js动态时间显示 </title>
</head>

<body id = "show">

<script>

function run(){
var time = new Date();//获取系统当前时间
var year = time.getFullYear();
var month = time.getMonth()+1;
var date= time.getDate();//系统时间月份中的日
var day = time.getDay();//系统时间中的星期值
var weeks = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
var week = weeks[day];//显示为星期几
var hour = time.getHours();
var minutes = time.getMinutes();
var seconds = time.getSeconds();
console.log(seconds);
if(month<10){
month = "0"+month;
}
if(date<10){
date = "0"+date;
}
if(hour<10){
hour = "0"+hour;
}
if(minutes<10){
minutes = "0"+minutes;
}
if(seconds<10){
seconds = "0"+seconds;
}
//var newDate = year+"年"+month+"月"+date+"日"+week+hour+":"+minutes+":"+seconds;
document.getElementById("show").innerHTML = year+"年"+month+"月"+date+"日"+week+hour+":"+minutes+":"+seconds;
setTimeout('run()',1000);
}

run();

</script>
</body>
</html>
0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com