「JS」时间方法

作者 : 开心源码 本文共1372个字,预计阅读时间需要4分钟 发布时间: 2022-05-12 共166人阅读

前言

我们在用JS编程的时候,经常会用到有关时间的少量方法,我在这里总结了少量大家可能经常使用到了(大家有需要可以过来查阅哦!),给大家分享一下!

方法

  1. var dt = new Date();
  2. var dt = +new Date();//一种特殊的写法,只适合Date这个对象
  3. dt.getFullYear();//年
  4. dt.getMonth();//月 (从0开始)
  5. dt.getDate();//日
  6. dt.getHours();//小时
  7. dt.getMinutes();//分钟
  8. dt.getSecond(); //秒
  9. dt.getDay(); //星期 (从0开始)
  10. dt.toDateString();//日期
  11. dt.toLocalDateString();//日期
  12. dt.toTimerString();//时间
  13. dt.toLocaleTimeString();//时间
  14. dt.valueOf(); //毫秒

创造

你会发现,通过方法获取的时间,和我们的日常获取的时间格式并不一样,所以我们可以通过以后方法,进行改进,写出能够输出符合我们习惯的时间方法,并封装起来,到时候直接调使用就好了!

  1. function getDate(){
  2. var dt =new Date();
  3. var year = dt.getFullYear();
  4. var month = dt.getMonth()+1;
  5. var day = dt.getDate();
  6. var hour=dt.getHours();
  7. var minute= dt.getMinutes();
  8. var second=dt.getSeconds();
  9. month=month < 10?"0"+month:month;
  10. day = day < 10 ?"0"+day:day;
  11. hour = hour < 10?"0"+hour:hour;
  12. minute=minute < 10?"0"+minute:minute;
  13. second = second < 10?"0"+second:second;
  14. return year+”年”+month+”月”+day+”日 “+hour+”:”+minute+”:”+second;
  15. }
  16. var dt=new Date();
  17. getDate();

那么,我可以深入创造,比方:我们可以写一个可以再屏幕中显示一个钟表的函数!

  1. <head>
  2. <script type=”text/javascript”>
  3. function startTime(){
  4. var today=new Date();
  5. var h=today.getHours();
  6. var m=today.getMinutes();
  7. var s=today.getSeconds();
  8. //分秒判断
  9. m=checkTime(m);
  10. s=checkTime(s);
  11. document.getElementById('txt').innerHTML=h+”:”+m+”:”+s;//输出时间
  12. t=setTimeout('startTime()',500);
  13. }
  14. //定义一个函数,进行时间判断
  15. function checkTime(i){
  16. if (i<10){
  17. i=”0″ + i;
  18. }
  19. return i;
  20. }
  21. </script>
  22. </head>
  23. <body onload=”startTime()”>
  24. <div id=”txt”></div>
  25. </body>
  26. </html>

只有做到了,才算学到了!加油!

说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » 「JS」时间方法

发表回复