當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文


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。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。