如何使用Javascript更新Firefox中的DIV内容?

时间:2010-10-29 16:59:02

标签: javascript jquery html firefox

我在javascript中使用此代码在div中显示时间并更新它:

  if (!document.all)
    return

  var Digital=new Date()
  var hours=Digital.getHours()
  var minutes=Digital.getMinutes()
  var seconds=Digital.getSeconds()
  var dn="AM" 

  if (hours>12){
   dn="PM"
   hours=hours-12
  }

  if (hours==0)
   hours=12

  if (minutes<=9)
   minutes="0"+minutes

  if (seconds<=9)
   seconds="0"+seconds
   var ctime=hours+":"+minutes+":"+seconds
   $("#c").text(ctime);

   setTimeout("show2()",1000)
}

window.onload=show2

我有这个div:

<div id=""c></div>
在IE浏览器中,每件事情都可以,但是当我在Firefox中试用它时,它无法正常工作。

我也尝试使用

c.innerHTML=ctime

它没有用。

在IE和Firefox上执行此操作的正确方法是什么?

由于

3 个答案:

答案 0 :(得分:3)

这是第一行

if (!document.all)
    return

因为.all属性仅存在于Explorer和Opera上。

您阻止其他浏览器继续执行代码

答案 1 :(得分:2)

尝试<div id="c"></div>document.getElementById('c').innerHTML = ctime;

并摆脱if (!document.all) return

答案 2 :(得分:1)

删除

  if (!document.all)
    return

因为document.all是仅IE扩展,而FireFox不支持