« 看来Safari更标准
修了按时间显示不同内容的效果的代码 »

初写JS，一个按时期显示不同内容的效果

分类目录： js笔记  |  Comment (RSS)  |  Trackback 查看(查看(475)

是公司一个同事提出的，刚才在学JS，拿来练练手，写得不好，感觉可以再精简写成个循环，但是俺试了下失败了，以下是代码：
html部分

  1. <ul id="dd">
  2.        <li id="cd">活动结束</li>
  3. </ul>

javascript部分:

  1. //预先设置要显示的内容
  2.             var s1 = '<div style="color:#f00">第一个</div>';
  3.             var dd = new Array(s1,"第二个","第三个","第四个","第五个");
  4.            
  5.             var t1 = document.getElementById("cd");
  6.            
  7.             //获取当前时间
  8.             var day="";
  9.             var month="";
  10.             var ampm="";
  11.             var ampmhour="";
  12.             var myweekday="";
  13.             var year="";
  14.             mydate=new Date();
  15.             myweekday=mydate.getDay();
  16.             mymonth=mydate.getMonth()+1;
  17.             myday= mydate.getDate()+"";
  18.             //日期不足两位的以0补足
  19.             if(myday.length <= 1){
  20.                 myday = "0"+myday;
  21.             }
  22.             myyear= mydate.getYear();
  23.             //小时不足两位的以0补足
  24.             myhours = mydate.getHours()+"";
  25.             if(myhours.length <= 1){
  26.                 myhours = "0"+myhours;
  27.             }
  28.             year=(myyear > 200) ? myyear : 1900 + myyear;
  29.             //当前时间
  30.             var time = year+""+mymonth+""+myday+""+myhours;
  31.             //按条件显示
  32.             if(time>=2007120617){
  33.                 t1.innerHTML = dd[0];
  34.             }
  35.             if(time>=2007120717){
  36.                 t1.innerHTML = dd[1];
  37.             }
  38.             if(time>=2007120817){
  39.                 t1.innerHTML = dd[2];
  40.             }
  41.             if(time>=2007120917){
  42.                 t1.innerHTML = dd[3];
  43.             }
  44.             if(time>=2007121017){
  45.                 t1.innerHTML = dd[4];
  46.             }

查看效果

6th 十二月 2007, 06:12 下午

相关文章

留下评论