当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


JavaScript Date setUTCHours()用法及代码示例


下面是Date setUTCHours()方法的示例。

  • 例:
    <script> 
       // Here a date has been assigned according to 
       // universal time while creating Date object 
       var dateobj =  
       new Date('October 13, 1996 05:35:32 GMT-3:00'); 
      
       // New hour 11 is being set in above Date 
       // Object with the help of setUTCHours() method 
       dateobj.setUTCHours(11); 
      
       // New hour from above Date Object is 
       // being extracted using getUTCHours() 
       var B = dateobj.getUTCHours(); 
      
       // Printing new hour 
       document.write(B); 
    </script>
  • 输出:
    11

date.setUTCHours()方法用于根据使用Date()构造函数创建的通用时间将小时设置为日期对象。

用法:

DateObj.setUTCHours(hours_Value);

参数:该方法接受上述和以下描述的单个参数:

  • hours_Value:此参数保存小时值,该值用于设置使用date()构造函数创建的日期对象。

返回值:它返回由setUTCHours()方法设置的新的即更新的小时。



注意:DateObj是使用Date()构造函数创建的有效Date对象,我们要在其中构造小时数。

上述方法的更多代码如下:

程序1:如果在Date()构造函数中我们在创建Date对象时没有给出小时,则setUTCHours()方法仍然能够根据通用时间设置新小时,这是在创建的Date对象中作为其参数给出的。

<script> 
   // Here hour has not been assigned according to 
   // universal time while creating Date object 
   var dateobj = new Date('October 13, 1996 GMT-3:00'); 
  
   // New hour 11 is being set in above Date 
   // Object with the help of setUTCHours() method 
   dateobj.setUTCHours(11); 
  
  // New hour from above Date Object is 
  // being extracted using getUTCHours() 
  var B = dateobj.getUTCHours(); 
  
  // Printing new hour 
  document.write(B); 
</script>

输出:

11

程序2:如果Date()构造函数中未提供任何参数,则setUTCHours()方法仍可以设置小时,但根据通用时间,月,年和日期仍为当前时间。
这里11是新小时,2是当前月,即3月,30是当前日期,2018是当前年。

<script> 
   // Here nothing has been assigned 
   // while creating Date object 
   var dateobj = new Date(); 
  
   // New hour 11 is being set in above Date 
   // Object with the help of setUTCHours() method 
   dateobj.setUTCHours(11); 
  
   // Hour from above Date Object is 
   // being extracted using getUTCHours() 
   var B = dateobj.getUTCHours(); 
  
   // Month from above Date Object is 
   // being extracted using getUTCMonth() 
   var C = dateobj.getUTCMonth(); 
  
   // date from above Date Object is 
   // being extracted using getUTCDate() 
   var D = dateobj.getUTCDate(); 
  
  // Year from above Date Object is 
  // being extracted using getUTCFullYear() 
  var E = dateobj.getUTCFullYear(); 
  
  // Printing new Hour 
  document.write(B + "<br />"); 
  
  // Printing current month 
  document.write(C + "<br />"); 
  
  // Printing current date 
  document.write(D + "<br />"); 
  
  // Printing current year 
  document.write(E); 
</script>

输出:

11
2
30
2018

程序3:如果将setHours()方法的参数的小时值设置为26,则将小时设置为2,因为小时范围是从0到23,因此26-24=2,这里减去24是因为0到23是24。

<script> 
   // Here nothing has been assigned 
   // while creating Date object 
   var dateobj =  
   new Date('October 13, 1996 05:35:32'); 
  
   // New hour 26 is being set in above Date 
   // Object with the help of setUTCHours() method 
   dateobj.setUTCHours(26); 
  
   // Hour from above Date Object is 
   // being extracted using getUTCHours() 
   var B = dateobj.getUTCHours(); 
  
   // Month from above Date Object is 
   // being extracted using getUTCMonth() 
   var C = dateobj.getUTCMonth(); 
  
   // Date from above Date Object is 
   // being extracted using getUTCDate() 
   var D = dateobj.getUTCDate(); 
  
   // Year from above Date Object is 
   // being extracted using getUTCFullYear() 
   var E = dateobj.getUTCFullYear(); 
  
   // Printing new Hour 
   document.write(B + "<br />"); 
  
   // Printing month 
   document.write(C + "<br />"); 
  
   // Printing date 
   document.write(D + "<br />"); 
  
   // Printing year 
   document.write(E); 
</script>

输出:

2
9
14
1996

支持的浏览器:下面列出了JavaScript Date setUTCHours()方法支持的浏览器:

  • 谷歌浏览器
  • IE浏览器
  • 火狐浏览器
  • Opera
  • Safari




相关用法


注:本文由纯净天空筛选整理自Kanchan_Ray大神的英文原创作品 JavaScript Date setUTCHours() Method。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。