9.1.16 sethours方法.html

来自「即学即用JavaScript核心对象参考手册原版光盘」· HTML 代码 · 共 40 行

HTML
40
字号
<body>
   <form name="frm">
      设定时间
      <input type=text name="hour" size=2>:
      <input type=text name="minute" size=2>:
      <input type=text name="second" size=2>
      <input type=button value="开始" onClick="beginTime()">
   </form>
   <script>
      var objdate=new Date();
      var hour,minute,second;
      function beginTime()
       {
          hour=parseInt(document.frm.hour.value);
          minute=parseInt(document.frm.minute.value);
          second=parseInt(document.frm.second.value);
          objdate.setHours(hour,minute,second);
		  //根据设定重新Date对象中的时间,并禁用使文本框
		  with(document.frm)
		   {
		      hour.disabled=true;       
			  minute.disabled=true;
			  second.disabled=true;
		   }
           window.setInterval(timer,1000);
       }
	   //增加秒钟并调用setHours方法重新设置Date对象中的时间
      function timer()
       {
          second+=1;
          objdate.setHours(hour,minute,second);
          with (document.frm)
          {
            hour.value=objdate.getHours();
            minute.value=objdate.getMinutes();
            second.value=objdate.getSeconds();
          }
       }
   </script>
</body>

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?