JavaScript 制作实时电子时钟 ,点赞加关注经典案例持续更新~

效果动图,此动图时间仅为当时录制的时间,实际运行时间为实时时间

JavaScript 制作实时电子时钟 ,点赞加关注经典案例持续更新~_第1张图片

思路 

最主要是要通过 new Date()时间对象,获取各类实时时间,下面是一些常用的Date对象的一些常用属性和方法:

获取:

  1. getFullYear(): 返回四位数的年份。

  2. getMonth(): 返回月份,范围是0-11。

  3. getDate(): 返回月份中的日期,范围是1-31。

  4. getHours(): 返回小时,范围是0-23。

  5. getMinutes(): 返回分钟,范围是0-59。

  6. getSeconds(): 返回秒数,范围是0-59。

  7. getTime(): 返回自1970年1月1日00:00:00 UTC至该日期对象的毫秒数。

  8. getDay(): 返回一周中的第几天,范围是0-6,其中0代表星期日。

  9. getHours(): 返回本地的小时,范围是0-23。

  10. getUTCHours(): 返回UTC(协调世界时)的小时数,范围是0-23。

设置:

  1. setFullYear(year): 设置四位数的年份。

  2. setMonth(month): 设置月份,范围是0-11。

  3. setDate(date): 设置月份中的日期,范围是1-31。

  4. setHours(hours): 设置小时,范围是0-23。

  5. setMinutes(minutes): 设置分钟,范围是0-59。

  6. setSeconds(seconds): 设置秒数,范围是0-59。

  7. setMilliseconds(milliseconds): 设置毫秒数,范围是0-999。

  8. getTime(): 返回自1970年1月1日00:00:00 UTC至该日期对象的毫秒数。

  9. getDay(): 返回一周中的第几天,范围是0-6,其中0代表星期日。

  10. getHours(): 返回本地的小时,范围是0-23。

  11. getUTCHours(): 返回UTC(协调世界时)的小时数,范围是0-23。

补充:

  1. toString():将日期转换为字符串。

  2. toLocaleDateString():将日期转换为本地格式的字符串。

  3. toTimeString():将时间转换为字符串。

  4. toLocaleTimeString():将时间转换为本地格式的字符串。

附上全部代码,代码内有详细注释





  
  
  实时电子时钟
  
  



  

你可能感兴趣的:(javascript,开发语言,前端,css,html)