请选择 进入手机版 | 继续访问电脑版

巅峰霸主

 找回密码
 立即注册

QQ登录

只需一步,快速开始

js动态时间代码JS动态显示当前日期时间代码兼容所有浏览器

[复制链接] [添加相关主题]
godkings 发表于 2016-11-18 09:56:54 | 显示全部楼层 |阅读模式
用js实现当前时间是很多网站最基本的功能,但有时候会遇到各种浏览器不兼容的问题。下边教你怎么解决!!

  1. <script type="text/javascript" language="javascript">
  2. function show_cur_times(){
  3. //获取当前日期
  4. var date_time = new Date();
  5. //定义星期
  6. var week;
  7. //switch判断
  8. switch (date_time.getDay()){
  9. case 1: week="星期一"; break;
  10. case 2: week="星期二"; break;
  11. case 3: week="星期三"; break;
  12. case 4: week="星期四"; break;
  13. case 5: week="星期五"; break;
  14. case 6: week="星期六"; break;
  15. default:week="星期天"; break;
  16. }

  17. //年
  18. var year = date_time.getFullYear();
  19.          //判断小于10,前面补0
  20.    if(year<10){
  21.          year="0"+year;
  22. }

  23. //月
  24. var month = date_time.getMonth()+1;
  25.          //判断小于10,前面补0
  26.   if(month<10){
  27. month="0"+month;
  28. }

  29. //日
  30. var day = date_time.getDate();
  31.          //判断小于10,前面补0
  32.    if(day<10){
  33.          day="0"+day;
  34. }

  35. //时
  36. var hours =date_time.getHours();
  37.          //判断小于10,前面补0
  38.     if(hours<10){
  39.          hours="0"+hours;
  40. }

  41. //分
  42. var minutes =date_time.getMinutes();
  43.          //判断小于10,前面补0
  44.     if(minutes<10){
  45.          minutes="0"+minutes;
  46. }

  47. //秒
  48. var seconds=date_time.getSeconds();
  49.          //判断小于10,前面补0
  50.     if(seconds<10){
  51.          seconds="0"+seconds;
  52. }

  53. //拼接年月日时分秒
  54. var date_str = year+"年"+month+"月"+day+"日 "+hours+":"+minutes+":"+seconds+" "+week;

  55. //显示在id为showtimes的容器里
  56. document.getElementById("showtimes").innerHTML= date_str;
  57. }

  58. //设置1秒调用一次show_cur_times函数
  59. setInterval("show_cur_times()",100);
  60. </script>
复制代码



HTML调用show_cur_times函数;
<div id="showtimes">
<script language="javascript">show_cur_times();</script>
</div>

111.jpg


上一篇:div CSS圆角标签border-radius举例详解
下一篇:js动态时间代码,显示今日系统同步时间
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|巅峰霸主 ( 京ICP备12023415号-2 )

声明:本站的任何信息和内容仅代表作者的立场和观点,与巅峰霸主网无关。

禁止在巅峰霸主网发布任何与《中华人民共和国法律》相抵触的言论!

GMT+8, 2020-4-5 15:18 , Processed in 0.104939 second(s), 28 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表