修了按时间显示不同内容的效果的代码

6th 12月 2007, 07:36 下午

今天下午写的那个代码太繁琐了，刚才又试验了一下循环，暂时没发现什么问题，可控性更高了！
html代码部分没变，JS代码修改如下，效果还是一样。

  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. var n = dd.length;
  33. var frtime = 2007120617;//设置初始日期 格式yyyymmddhh
  34. for(i = 0;i <= n;i++)
  35. {
  36.     if(time>=frtime){
  37.         t1.innerHTML = dd[i];
  38.     }
  39.     frtime = frtime + 100;
  40. }
分类： js笔记  |  评论

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

6th 12月 2007, 06:12 下午

是公司一个同事提出的，刚才在学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.             }

查看效果

分类： js笔记  |  评论