📄 9.1.16 sethours方法.html

📁 javascript即用即差核心对象手册

💻 HTML

字号:

<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 + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -