<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div>
<span id="showTime"></span>
</div>
</body>
<script type="text/javascript">
var t = null;
t = setTimeout(time,1000);//開始运行
function time()
{
clearTimeout(t);//清除定时器
dt = new Date();
var y=dt.getFullYear();//获取年
var m=dt.getMonth();//获取月
var d=dt.getDate();//获取日
var h=dt.getHours();//获取时
var f=dt.getMinutes();//获取分
var s=dt.getSeconds();//获取秒
document.getElementById("showTime").innerHTML = "<span style='color: darkred;'>"+y+"年"+(m+1)+"月"+d+"日"+h+"时"+f+"分"+s+"秒 </span>";
t = setTimeout(time,1000); //设定定时器,循环运行
}
</script>
</html>
这个简单,js实现动态时间:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="da"></div>
<script>
function dt(){
document.getElementById('da').innerHTML=new Date().toLocaleString();
}
setInterval("dt()",1000);
</script>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> Date类的使用 </title>
</head>
<body onload="setInterval('displayTime()',1000);">
<h1>Date类的使用</h1>
<hr>
<div id="fonts"></div>
<script type="text/javascript">
function displayTime(){
//年是以1900年为基准,月份是从0开始
//创建Date对象
var date = new Date();
//获取年
var year = date.getYear()+1900;
//获取月
var month = date.getMonth()+1;
//获取日期
var day = date.getDate();
//获取时
var hour = date.getHours();
//获取分
var minute = date.getMinutes();
//获取秒
var second = date.getSeconds();
var s = year +"-"+month+"-"+day +" " +hour +":"+minute+":"+second;
//获取标签
var fonts = document.getElementById("fonts");
fonts.innerHTML=s;
}
//setInterval(),每隔指定的时间内运行一次,单位是毫秒
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="time"></div>
<script>
var container = document.getElementById('time')
function flushDate() {
var date = new Date()
var year = date.getFullYear()
var month = date.getMonth() + 1
var day = date.getDay()
var hour = date.getHours()
var min = date.getMinutes()
var second = date.getSeconds()
if (month < 10) month = '0' + month
if (day < 10) day = '0' + day
if (hour < 10) hour = '0' + hour
if (min < 10) min = '0' + min
if (second < 10) second = '0' + second
return `${year}-${month}-${day} ${hour}:${min}:${second}`
}
setInterval(() => {
container.innerHTML = flushDate()
}, 1000)
</script>
</body>
</html>
如上,满意请采纳,谢谢。
您的问题已经有小伙伴解答了,请点击【采纳】按钮,采纳帮您提供解决思路的答案,给回答的人一些鼓励哦~~
ps:开通问答VIP,享受5次/月 有问必答服务,了解详情↓↓↓
【电脑端】戳>>> https://vip.csdn.net/askvip?utm_source=1146287632
【APP 】 戳>>> https://mall.csdn.net/item/52471?utm_source=1146287632