显示当前时间

复制代码
<!DOCTYPE html>
<html>
　　<head>
　　　　<meta charset="utf-8">
　　　　<title>菜鸟教程(runoob.com)</title>
　　</head>

　　<body>
　　　　<p>显示当前时间:</p>
　　　　<p id="demo"></p>
　　　　<button onclick="myStopFunction()">停止时间</button>

　　　　<script>
　　　　　　var myVar = setInterval(function(){ myTimer() }, 1000);

　　　　　　function myTimer() {
   　　 　 　　var d = new Date();
    　　　　　 var t = d.toLocaleTimeString();
    　　　　　 document.getElementById("demo").innerHTML = t;
　　　　　　}

　　　　　　function myStopFunction() {
    　　　 　　clearInterval(myVar);
　　　　　　}
　　　　</script>

</body>
</html>
复制代码

效果图如下：

 

posted @   岁月淡忘了谁  阅读(236)  评论(0)  编辑  收藏  举报
（评论功能已被禁用）
编辑推荐：
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
阅读排行：
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
历史上的今天：
2014-08-25 web学习：Spring2.5+Hibernate3.3+Struts1.3整合小例子
2014-08-25 Strut2 spring hibernate 整合
2014-08-25 Spring+Struts集成(方案一)
2014-08-25 Spring+Struts集成(第二种方案)
2014-08-25 strut1.X和spring整合的二种方法
2014-08-25 Struts+Spring+Hibernate的Web应用执行过程
点击右上角即可分享
微信分享提示