JQuery實現網頁上時間動態顯示
網頁上實現時間顯示，是JQuery中最簡單的一個小功能。需要注意的是儘量不要使用遞迴呼叫，否則 網頁開啟的時間一長就會造成記憶體洩露。
實現程式碼 如下：
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<link type="text/css" rel="stylesheet" href="css/style.css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){function timereset() {
var datetime = new Date();
var hour = datetime.getHours() < 10 ? "0 " + datetime.getHours() : datetime.getHours();
var min = datetime.getMinutes() < 10 ? "0" + datetime.getMinutes() : datetime.getMinutes();
var sec = datetime.getSeconds() < 10 ? "0" + datetime.getSeconds() : datetime.getSeconds();
var year = datetime.getFullYear();
var mon = datetime.getMonth() + 1 < 10 ? "0" + (datetime.getMonth() + 1) : datetime.getMonth() + 1;
var day = datetime.getDate() < 10 ? "0" + datetime.getDate() : datetime.getDate();
$("#time").html(hour + ":" + min + "<span class='second'> "+sec+"</span>");
$("#date").html(year + "年" + mon + "月" + day + "日");}
setInterval(timereset,1000);}
);
</script>
<title>登陸</title>
</head>
<body>
<div id="time"></div>
<div id="date"></div>
</body>
</html>
*PS：特別注意的是：自己不要忘記引用JQuery檔案，否則JQuery方法沒法呼叫；