javascript显示当前时间
javascript显示当前电脑时间:xxx年xxx月xxx日xxx时xxx分xxx秒,并用input标签中的button样式控制时间的暂停开始。
当你运行JavaScript代买时,网页显示的是时间时在每秒跳动的,当你点击暂停按钮时,网页显示的当前时间会暂停,按钮会显示开始的字样,再次点击开始的按钮,网页显示当前的时间会开始。
代码片段如下:
<!DOCTYPE html > <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>时间控制器</title> <style> #b{ width:300px; height:200px; text-align:center; font-size:24px; border:2px solid red; } </style> <script> var start = window.setInterval("a()",1000); function a(){ var c = new Date(); var y =c.getFullYear(); var m =c.getMonth()+1; var d = c.getDate(); var h = c.getHours(); var min = c.getMinutes(); var sec = c.getSeconds(); document.getElementById('b').innerHTML=y+"-"+m+"-"+d+"   "+h+":"+min+":"+sec; } function sh(){ var sj = document.getElementById('bt').value; if (sj=="暂停") { window.clearInterval(start); document.getElementById('bt').value="开始"; }else{ start = window.setInterval("a()",1000); document.getElementById('bt').value="暂停"; } } </script> </head> <body> <div id="b"> </div> <div> <input type="button" name="button" id="bt" value="暂停" onclick="sh()"> </div> </body> </html>
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?