原生js输出完整的日期：年月日星期几时:分:秒

2013-04-06 10:04 12699 次阅读分类: JS+jQuery, 前端相关 10 条评论

免打扰阅读

源码如下：

<div> <b id="date"> <script type="text/javascript"> //若小于10，前置加0 function add_zero(i){ if(i<10){ i="0"+i; }; return i; } var week=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六"); var month=new Array("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"); var d=new Date(); dInfo=d.getFullYear()+"年";//dInfo+=d.getFullYear()%100+" "; dInfo+=month[d.getMonth()]; dInfo+=d.getDate()+"日 "; dInfo+=week[d.getDay()]+" "; document.getElementById("date").innerHTML=dInfo; </script> </b> <b id="hms"> <script type="text/javascript"> //js获取实时时分秒 function hms(){ var d=new Date(); h=add_zero(d.getHours())+":"; m=add_zero(d.getMinutes())+":"; s=add_zero(d.getSeconds()); document.getElementById("hms").innerHTML=h+m+s; setTimeout(hms,1000); } hms(); </script> </b> </div>

提示：你可以先修改部分代码再运行。

上述代码只为动手实践下js中的date构造函数的实际用法，实际运用中结构还有待优化！

随便说下，理论的东西看上去可能你觉得自己完全理解了，但手动去敲一下代码，遇到问题了再去解决掉，记忆会来得更深刻些！

实际运用中，用php输出年月日，星期几，用js去实现时分秒的实时输出可能应用的比较多吧！

快速留言：

12700

上一篇： CSS多类选择器:多个选择器同时存在则应用样式定义 下一篇： dedecms likearticle相关文档标签调用问题

作者: phpvar

快速找到本文的关键字：原生js输出完整的日期

你可能会喜欢...

10条评论( 网友:6 条,站长:4 条 ) 网友评论{有您的评论更精彩....}

(*必填)

(选填)

[ 请确保填写正确的邮箱地址，您的留言审核通过会收到邮件通知！ ]

粘贴图片链接

CAPTCHAis initialing...

有人回复时邮件通知我

stone 2013/05/08 上午 9:41

好脚本 https://www.haojb.cn

#-24
死神的微笑 2013/04/07 上午 11:23

嗯。。页面局部刷新我只能想到Ajax。。看来用定时器也可以。

#-23
- phpvar 2013/04/07 下午 4:29
  
  ajax页面局部刷新实现实时时分秒显示？代码发上来瞅瞅，很好奇的说…呵
  - 死神的微笑 2013/04/07 下午 5:02
    
    不是不是，我对Web代码一窍不通的说。。只知道Ajax最大的作用是局部刷新页面。。
    - phpvar 2013/04/07 下午 6:03
      
      呵，我会告诉你一早暴露了吗？…呵
      - 死神的微笑 2013/04/08 上午 9:13
        
        …程序猿怎么都有这毛病啊…
        
        phpvar 2013/04/08 上午 10:03
        
        额，什么毛病？
        
        死神的微笑 2013/04/08 下午 1:34
        
        就是明明知道别人暴露了却还要让人家继续说下去。。
        
        phpvar 2013/04/08 下午 5:18
        
        人人都有发言权，只要有道理就不怕说出来嘛！其实我想看到的是能从别人的留言中学到我感兴趣的东西..
        
        死神的微笑 2013/04/08 下午 5:20
        
        嘿嘿。我是做C++的，前端的东西不太了解，如果遇到什么问题，还得向你讨教~