JavaScript之动态显示时间代码实现
程序员文章站
2022-07-18 10:12:23
动态显示时间
第一步:得到当前时间。
第二步:格式化当前时间。
第三步:获取标签。
第四步:使用innerhtml属性向标签里写入时间。
第五步:使用定时器每一秒向标签里写入时间。
setinter...
动态显示时间
第一步:得到当前时间。
第二步:格式化当前时间。
第三步:获取标签。
第四步:使用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>
上一篇: 教你怎么用photoshop让眼睛变得更大(两种)
下一篇: 体内湿气重的五症状 祛湿气吃什么最有效