js实现ｈｔｍｌ页面显示时间的定时刷新

最新推荐文章于 2024-04-23 10:04:21 发布

weixin_30369087

最新推荐文章于 2024-04-23 10:04:21 发布

阅读量475

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/wocn/archive/2013/01/25/js_html_timeout.html

版权

１、在html文件中的设置：

html代码

 1 <STYLE type="text/css">
 2 <!--
 3 /*枠線なし*/
 4 INPUT {
 5     font-size: 50px;
 6     color: #CC0000;
 7     border-style:none //设置样式：无边框的文本框
 8 
 9 }
10 -->
11 </STYLE>
12 </HEAD>
13 <BODY onLoad="disptime( )"> //Onload ( ) 事件，页面加载就调用函数：disptime
14 （显示时间）
15 
16 <FORM NAME="myform">
17 <INPUT name="myclock" type="text"   value="" >
18 </FORM>

2、具体的js代码的设置：

js代码

 1 <SCRIPT language="JavaScript">
 2 function disptime( )
 3 {
 4  var time = new Date( ); //現在の時間
 5  var hour = time.getHours( );  //時、分、秒
 6  var minute = time.getMinutes( );
 7  var second = time.getSeconds( );
 8  var apm="AM"; //默认显示上午: AM
 9  if (hour>12) //午前: AM
10  {
11     hour=hour-12;
12     apm="PM"  ;
13  }
14  if (minute < 10) //分は1桁の場合、先頭に0を補足
15    minute="0"+minute;
16  if (second < 10) //秒は1桁の場合、先頭に0を補足
17    second="0"+second;
18 document.myform.myclock.value= hour+":"+minute+":"+                                                  
19                                                                                 second+" "+apm;
20 var myTime = setTimeout("disptime(  )",1000); //使用定时器函数，每隔1秒调用disptime( )函数刷新显示
21 
22 }
23 </SCRIPT>

转载于:https://www.cnblogs.com/wocn/archive/2013/01/25/js_html_timeout.html

weixin_30369087

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js实现ｈｔｍｌ页面显示时间的定时刷新

１、在html文件中的设置：html代码 1 <STYLE type="text/css"> 2 <!-- 3 /*枠線なし*/ 4 INPUT { 5 font-size: 50px; 6 color: #CC0000; 7 border-style:none //设置样式：无边框的文本框 8 9 }10...
复制链接

扫一扫