建站素材 获取当前年月日星期具体时间的JS代码

[复制链接]
ARCHY明星会员实名认证 发表于 2012-9-15 22:38:13 [建站素材] 显示全部楼层 |阅读模式 上一主题 下一主题

马上注册,一起探讨正确快速的建站方法

您需要 登录 才可以下载或查看,没有帐号?快速注册

x
这个代码是通过JQ来实现的,不过调用比较灵活一些,方式调用和和定义CSS代码
  1. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
  2. <h1>js简单的获取当前日期和时间</h1>
  3.     <p class="date">
  4.         <strong id="Y"></strong>
  5.         <strong id="MH"></strong>
  6.         <strong id="TD"></strong>
  7.         <strong id="D"></strong>
  8.         <strong id="H"></strong>
  9.         <strong id="M"></strong>
  10.         <strong id="S"></strong>
  11.      </p>  
  12.     <script type="text/javascript">
  13.                 $(document).ready(function(){
  14.                     setInterval(showTime, 1000);               
  15.                     function timer(obj,txt){
  16.                             obj.text(txt);
  17.                     }  
  18.                     function showTime(){               
  19.                         var today = new Date();
  20.                         var weekday=new Array(7)
  21.                         weekday[0]="星期一"
  22.                         weekday[1]="星期二"
  23.                         weekday[2]="星期三"
  24.                         weekday[3]="星期四"
  25.                         weekday[4]="星期五"
  26.                         weekday[5]="星期六"
  27.                         weekday[6]="星期日"                  
  28.                         var y=today.getFullYear()+"年";
  29.                         var month=today.getMonth()+"月";
  30.                         var td=today.getDate()+"日";
  31.                         var d=weekday[today.getDay()];
  32.                         var h=today.getHours();
  33.                         var m=today.getMinutes();
  34.                         var s=today.getSeconds();  
  35.                         timer($("#Y"),y);
  36.                         timer($("#MH"),month);
  37.                         timer($("#TD"),td);
  38.                         timer($("#D"),d);
  39.                         timer($("#H"),h);
  40.                         timer($("#M"),m);
  41.                         timer($("#S"),s);
  42.                     }  
  43.                 })
  44.     </script>
复制代码
演示效果我就不上了,自己复制出来保存了htm代码就可以看到了

另外一种实现的方法代码,没有JQ,直接调出的
  1. <script language=JavaScript> today=new Date();
  2.                                 function initArray(){
  3.                                 this.length=initArray.arguments.length
  4.                                 for(var i=0;i<this.length;i++)
  5.                                 this[i+1]=initArray.arguments[i]}
  6.                                 document.write(
  7.                                 "<span> ",
  8.                                 today.getMonth()+1,"月",
  9.                                 "</span>",
  10.                                 "<em>",
  11.                                 today.getDate(),
  12.                                 "</em>" );
  13.                                 </script>
  14.                 </a>
复制代码




上一篇:站帮网大讲堂第八期 Discuz防灌水策略技巧
下一篇:右下角弹出视频广告的JS代码

大神点评2

非一般感觉明星会员实名认证 发表于 2012-9-15 22:59:48 [建站素材] 显示全部楼层
前排支持
神马都是浮云... ...
 发表于 2012-9-15 23:16:19
收藏了
您需要登录后才可以回帖 登录 | 快速注册

本版积分规则

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