DOM-显示网页时钟
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>显示网页时钟</title>
<!--
关于js中内置的支持类:Date。可以用哎获取时间日期
输出: document.write(nowTime);
转为本地时间:tolocaleString()
//获取毫秒数自1970年1月1日00:00:00:000到当前系统时间的总毫秒数
var t = new Date()
var times=t.getTime()
document.write(times)
//重点:!!一般会使用毫秒数当作时间戳(timestamp)
document.write(new Date().getTime());
-->
</head>
<body>
<script type="text/javascript">
//获取系统当前时间
var nowTime = new Date();
//转化为本地语言环境
nowTime=nowTime.toLocaleString();
document.write(nowTime);
document.write("<br>");
//获取毫秒数自1970年1月1日00:00:00:000到当前系统时间的总毫秒数
var t = new Date()
var times=t.getTime()
document.write(times)
//重点:!!一般会使用毫秒数当作时间戳(timestamp)
document.write(new Date().getTime());
</script>
<script type="text/javascript">
function displayTime(){
var time = new Date();
var strTime = time.toLocaleString();
document.getElementById("timeDiv").innerHTML=strTime;
}
//每隔1秒调用displayTime()函数
function start(){
//这行代码开始执行就不间断;全局变量
v = window.setInterval("displayTime()",1000);
}
function stop(){
window.clearInterval(v);
}
</script>
<br><br>
<input type="button" value="显示系统时间" onclick=" start();"/>
<input type="button" value="时间停止" onclick="stop();"/>
<div id="timeDiv"></div>
</body>
</html>
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix