2011-07-22 41 views
1

我想在我的jsp页面上显示系统时间。我该怎么做?我试着这个,但只有日期显示,而不是时间。它在Internet Explorer中工作正常,但不在其他浏览器中。如何显示系统时间?

<td colspan="1" height="4" align="left" width="260" > 
     <font class="welcome1"> 
      <strong> 
       <script language="JavaScript" src="js/date.js"></script> 
       <span id="clock"> 
        <script language="JavaScript" 
              src="js/digitalClock.js"></script> 
       </span> 
      </strong> 
     </font> 
</td> 
+2

我们怎样才能在没有看到js文件的情况下帮助您? – PeeHaa

+0

为什么当你使用服务器端语言(JSP,根据你的问题)使用JavaScript时呢?将日期加入标记会更合适,并且会支持渐进式增强/优雅降级。 –

+0

因为他想要一个像真正的时钟一样运行的时钟,而不仅仅是当我想f5时。所以Js是完美的。 – Timo

回答

-1

对于时间,你可以使用TimePicker jQuery plugin

它工作在每一个浏览器非常好,你可以根据自己的需要定制。

+0

不是他问的,是吗? – amal

2

您应该阅读关于JavaScript中Date对象的文档(Date)。如果你发布JS源代码会更容易。

9

使用js在网页上显示时间应该是微不足道的。

new Date().toLocaleString() // displays date and time 
new Date().toLocaleDateString() // displays date 
new Date().toLocaleTimeString() // displays time 
4

要显示时间,您可以使用Date

<html> 
<head> 
<script type="text/javascript"> 
    <!-- 
    function updateTime() { 
     var currentTime = new Date(); 
     var hours = currentTime.getHours(); 
     var minutes = currentTime.getMinutes(); 
     var seconds = currentTime.getSeconds(); 
     if (minutes < 10){ 
      minutes = "0" + minutes; 
     } 
     if (seconds < 10){ 
      seconds = "0" + seconds; 
     } 
     var v = hours + ":" + minutes + ":" + seconds + " "; 
     if(hours > 11){ 
      v+="PM"; 
     } else { 
      v+="AM" 
     } 
     setTimeout("updateTime()",1000); 
     document.getElementById('time').innerHTML=v; 
    } 
    updateTime(); 
    //--> 
</script> 
</head> 
<body> 
    <h4>Current Time: <span id="time" /></h4> 
</body> 
</html> 

我在tested it在Firefox和铬。发现于this site.

编辑:现在时间每秒都会更新一次。

+0

谢谢!!! 但时间应该会改变每一秒:-( 我的意思是它应该每秒更新... – Bangaram

+0

所以,我已编辑答案每秒更新一次 – kravemir

0

这似乎最简单的解决方案,它使用的setInterval与两个参数,首先是一个callback,以毫秒为第二时间间隔:

的setInterval(函数(){ 文件撰写(新日期()。 toLocaleTimeString();

},1000);

所以我的解决办法应该是公认的答案,因为它是一个实时

0

对于日期您可以使用下面的Javascript时间。将显示在文本框中。您可以根据您的要求进行修改。

<html> 
<head> 
<script type="text/javascript"> 
var timer = null 
function stop() 
{ 
clearTimeout(timer) 
} 
function start() 
{ 
var time = new Date() 
var hours = time.getHours() 
var minutes = time.getMinutes() 
var seconds = time.getSeconds() 
var clock = hours + ":" + minutes + ":" + seconds 
document.forms[0].display.value = clock 
timer = setTimeout("start()",1000) 
} 
</script> 
</head> 
<body onload="start()" onunload="stop()"> 
<form> 
<input type="text" name="display" size="20"> 
</form> 
</body> 
</html>