Javascript 在jsp上显示时钟

Javascript 在jsp上显示时钟,javascript,jquery,Javascript,Jquery,我想在jsp文件上显示时钟,时间是从服务器获取的,并且是2012年6月5日12:48:23 PM格式。我希望更新相同的时间,而不是占用客户端时间 我确实尝试了timer.js,jtimer和其他一些API来做同样的事情。我可以通过拆分这些内容并自己编写整个时钟逻辑来完成,但我希望重用已经开发的API。理想情况下,我会使用服务器端的Java日期格式化程序来格式化日期并将其添加到JSP模型中。但是,要回答这个问题,可以使用Javascript日期类 var date = new Date('05 J

我想在jsp文件上显示时钟,时间是从服务器获取的,并且是2012年6月5日12:48:23 PM格式。我希望更新相同的时间,而不是占用客户端时间


我确实尝试了
timer.js
jtimer
和其他一些API来做同样的事情。我可以通过拆分这些内容并自己编写整个时钟逻辑来完成,但我希望重用已经开发的API。

理想情况下,我会使用服务器端的Java日期格式化程序来格式化日期并将其添加到JSP模型中。但是,要回答这个问题,可以使用Javascript日期类

var date = new Date('05 Jun, 2012 12:48:23 PM');
date.getMonth()
您可以在这里找到其他方法-


附言:为了快速解决这个问题,我会先用谷歌搜索一下

我多年来一直在使用这个:

<script type="text/javascript">

// Current Server Time script (SSI or PHP)- By JavaScriptKit.com (http://www.javascriptkit.com)
// For this and over 400+ free scripts, visit JavaScript Kit- http://www.javascriptkit.com/
// This notice must stay intact for use.

//Depending on whether your page supports SSI (.shtml) or PHP (.php), UNCOMMENT the line below your page supports and COMMENT the one it does not:
//Default is that SSI method is uncommented, and PHP is commented:

var currenttime = '<!--#config timefmt="%B %d, %Y %H:%M:%S"--><!--#echo var="DATE_LOCAL" -->' //SSI method of getting server date
//var currenttime = '<? print date("F d, Y H:i:s", time())?>' //PHP method of getting server date

///////////Stop editting here/////////////////////////////////

var montharray=new Array("January","February","March","April","May","June","July","August","September","October","November","December")
var serverdate=new Date(currenttime)

function padlength(what){
var output=(what.toString().length==1)? "0"+what : what
return output
}

function displaytime(){
serverdate.setSeconds(serverdate.getSeconds()+1)
var datestring=montharray[serverdate.getMonth()]+" "+padlength(serverdate.getDate())+", "+serverdate.getFullYear()
var timestring=padlength(serverdate.getHours())+":"+padlength(serverdate.getMinutes())+":"+padlength(serverdate.getSeconds())
document.getElementById("servertime").innerHTML=datestring+" "+timestring
}

window.onload=function(){
setInterval("displaytime()", 1000)
}

</script>

<p><b>Current Server Time:</b> <span id="servertime"></span></p>

<p style="font: normal 11px Arial">This free script provided by<br />
<a href="http://www.javascriptkit.com">JavaScript Kit</a></p>

//当前服务器时间脚本(SSI或PHP)-由JavaScriptKit.com编写(http://www.javascriptkit.com)
//对于这个和超过400个免费脚本,请访问JavaScript工具包-http://www.javascriptkit.com/
//此通知必须保持完整,以便使用。
//根据您的页面是支持SSI(.shtml)还是支持PHP(.PHP),取消对页面下面支持的行的注释,并对不支持的行进行注释:
//默认情况下,SSI方法未注释,PHP已注释:
var currenttime=''//SSI获取服务器日期的方法
//var currenttime=''//PHP获取服务器日期的方法
///////////别在这里编辑了/////////////////////////////////
var montharray=新数组(“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”、“八月”、“九月”、“十月”、“十一月”、“十二月”)
var serverdate=新日期(当前时间)
功能焊盘长度(what){
变量输出=(what.toString().length==1)?“0”+what:what
返回输出
}
函数displaytime(){
serverdate.setSeconds(serverdate.getSeconds()+1)
var datestring=montharray[serverdate.getMonth()]+“”+padlength(serverdate.getDate())+“,“+serverdate.getFullYear()
var timestring=padlength(serverdate.getHours())+“:”+padlength(serverdate.getMinutes())+“:”+padlength(serverdate.getSeconds())
document.getElementById(“servertime”).innerHTML=datestring+“”+timestring
}
window.onload=function(){
setInterval(“displaytime()”,1000)
}
当前服务器时间:

此免费脚本由


有关更多信息,请参见

您可以使用现有的jQuery时钟插件,该插件允许您显式设置初始时间

例如,look nice and simple to use()允许您设置时间戳,请参见“带有自定义时间戳的时钟”下的


因此,只要将服务器时间作为自定义时间戳传递,您就完成了。

timer.js中
当我执行
Date.parse(“2012年6月5日12:48:23下午”)
时,您尝试过这个吗?这使我犯了一个错误。另外,基本javascript不允许我将其显示为时钟。需要一些东西将其显示为时钟您需要服务器端代码来驱动它,您如何通过JSFIDLE运行它?我希望服务端日期已经存在,并且已经保存在脚本中。您在服务器端使用什么模板引擎来生成HTML?(asp、asp.net、PHP、mako、genshi、jsp)?