脚本宝典收集整理的这篇文章主要介绍了js实例教程-JavaScript之动态显示时间代码实现，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。
第一步：得到当前时间。
第二步：格式化当前时间。
第三步：获取标签。
第四步：使用innerHTML属性向标签里写入时间。
第五步：使用定时器每一秒向标签里写入时间。
setInterval("方法名；"，每隔几秒执行一次）
<!DOCTYPE htML> <html> <head> <;meta charset="UTF-8"> <tITle>动态时间显示</title> <style type="text/css"> #pid { width: 200px; height: 150px; border: 2px dashed chartreuse; } </style> </head> <body> <p id="pid"> </p> <script type="text/javascript"> function getDate(){ //获取时间 VAR date = new Date(); //格式化时间 var time = date.toLocaleString(); //获取p标签 var p1 = document.getElementById("pid"); //向p标签里写入时间 p1.innerHTML = time; } //每隔一秒设置一次 setInterval("getDate();",1000); </script> </body> </html>
第一步：得到当前时间。
第二步：格式化当前时间。
第三步：获取标签。
第四步：使用innerHTML属性向标签里写入时间。
第五步：使用定时器每一秒向标签里写入时间。
setInterval("方法名；"，每隔几秒执行一次）
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>动态时间显示</title> <style type="text/css"> #pid { width: 200px; height: 150px; border: 2px dashed chartreuse; } </style> </head> <body> <p id="pid"> </p> <script type="text/javascript"> function getDate(){ //获取时间 var date = new Date(); //格式化时间 var time = date.toLocaleString(); //获取p标签 var p1 = document.getElementById("pid"); //向p标签里写入时间 p1.innerHTML = time; } //每隔一秒设置一次 setInterval("getDate();",1000); </script> </body> </html> 觉得可用，就经常来吧！Javascript技巧 脚本宝典 欢迎评论哦！ js技巧，巧夺天工，精雕玉琢。小宝典献丑了！
以上是脚本宝典为你收集整理的js实例教程-JavaScript之动态显示时间代码实现全部内容，希望文章能够帮你解决js实例教程-JavaScript之动态显示时间代码实现所遇到的问题。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。