javascript - 在jsp上显示时钟

标签 javascript jquery

我想在 jsp 文件上显示时钟,时间是从服务器获取的,格式为 05 Jun, 2012 12:48:23 PM 我希望更新相同的时间而不是采用客户时间。

我确实尝试过使用 timer.jsjtimer 和其他一些 API 来执行相同的操作。我可以通过拆分事物并自己编写整个时钟逻辑来做到这一点,但希望重用已经开发的 API。

最佳答案

我使用这个已经很多年了:

<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>

有关更多信息,请参阅 this

关于javascript - 在jsp上显示时钟,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10893196/

相关文章:

javascript - 这个简单的 AngularJs 页面中的 Controller 在哪里?

javascript - 如何从nodejs中的守护进程生成gpg子进程?

javascript - 如何更新AngularJS中的数组元素?

jquery - 在 jQuery 中,这个选择器是较旧的语法吗?它有什么作用?

javascript - 将 JSON 属性映射到 HTML ID 以轻松设置值

javascript - 从 View 中的脚本调用 Controller 操作

javascript - 我应该使用哪些 Babel 预设?

javascript - 我可以使用父函数的参数来命名其子函数吗?

javascript - jquery keyup 延迟被忽略

javascript - jQuery "or"运算符不适用于 mouseleave?