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

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笔记  |  评论