JS时间比较大小

Question

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<DIV class="time_lbc">
<UL id=index_tab01>
<LI onMouseOver="this.className='b'" onMouseOut="this.className=''">
  <span class="cx">XX</span>
  <SPAN class="xm">XX</SPAN>
  <SPAN class="jie" style="display:none">18:35</span>
  <SPAN class="list">XX</SPAN>
  <SPAN class="address">XX</SPAN>
</LI>
<LI onMouseOver="this.className='b'" onMouseOut="this.className=''">
  <span class="cx">XX</span>
  <SPAN class="xm">XX</SPAN>
  <SPAN class="jie" style="display:none">20:00</span>
  <SPAN class="list">XX</SPAN>
  <SPAN class="address">XX</SPAN>
</LI>
<LI onMouseOver="this.className='b'" onMouseOut="this.className=''">
  <span class="cx">XX</span>
  <SPAN class="xm">XX</SPAN>
  <SPAN class="jie" style="display:none">00:05</span>
  <SPAN class="list">XX</SPAN>
  <SPAN class="address">XX</SPAN>
</LI>
</UL>
</DIV>
<script type="text/javascript">
var myDate = new Date();
var strHours = (myDate.getHours() > 9) ? myDate.getHours() : '0' + myDate.getHours();
var strMinutes = (myDate.getMinutes() > 9) ? myDate.getMinutes() : '0' + myDate.getMinutes();
var data = (strHours +  strMinutes); 
 var arr=document.getElementsByTagName("li");
  for(var i=0;i<arr.length;i++){
   for(var j=0;j<arr[i].childNodes.length;j++){
    if(arr[i].childNodes[j].tagName=="SPAN" && arr[i].childNodes[j].style.display=="none"){ 
     if(parseInt(arr[i].childNodes[j].innerHTML)- data ){ arr[i].style.display="none"}
   }
  }
 }
</script>
这样获取到的时间和系统时间对比怎么会没有效果？比如获取到的时间小于系统时间就不做任何改变，大于系统时间就隐藏LI

Answer 1

你那不是时间比较，只是字符串相减而已，字符串类型相减结果为NaN，作if判断条件时同false

Answer 2

<script type="text/javascript">
    $(document).ready(function(){
       setInterval(function(){
           var myDate = new Date();
           var hm=parseFloat(myDate.getHours()+("0"+myDate.getMinutes()).slice(-2));
           $(".jie").each(function(){
               var str=parseFloat($(this).text().replace(":",""));
               if(str>hm){
                   $(this).parent().hide();
               }else{
                   $(this).parent().show();
               }
           })
       },1000)
    });
</script>

Answer 3

<script type="text/javascript">
var myDate = new Date();
var strHours = (myDate.getHours() > 9) ? myDate.getHours() : '0' + myDate.getHours();
var strMinutes = (myDate.getMinutes() > 9) ? myDate.getMinutes() : '0' + myDate.getMinutes();
var data = (strHours +  strMinutes); 
 var arr=document.getElementsByTagName("li");
  for(var i=0;i<arr.length;i++){
   for(var j=0;j<arr[i].childNodes.length;j++){
    if(arr[i].childNodes[j].tagName=="SPAN" && arr[i].childNodes[j].style.display=="none"){ 
     if(parseInt(data , 10) < parseInt(arr[i].childNodes[j].innerHTML.replace(":" , "") , 10)){//获取到的时间比系统时间大
       arr[i].style.display="none"
     }
   }
  }
 }
</script>比较大小的时候最好格式一样了！