View Code
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>date demo</title>
<script type="text/javascript">
function getCurrentTimeString()
{
var currentDate = new Date();
var year = currentDate.getFullYear();
var month = currentDate.getMonth() + 1;
var date = currentDate.getDate();
var hour = currentDate.getHours();
var minutes = currentDate.getMinutes();
var seconds = currentDate.getSeconds();
var timeString = year + '-' + (month.toString().length==2?month:("0"+month))+ '-' + (date.toString
().length==2?date:("0"+date))+ ' ' + (hour.toString().length==2?hour:("0"+hour))+ ':' + (minutes.toString
().length==2?minutes:("0"+minutes))+ ':' + (seconds.toString().length==2?seconds:("0"+seconds));
return timeString;
}
function refreshTime()
{
document.getElementById('time').innerHTML = getCurrentTimeString(); //元素的innerHTML属性可以读取和设置元素内
的HTML文本内容
}
window.onload = function()
{
setInterval(refreshTime,1000);
}
</script>
</head>
<body>
<div id="time"></div>
</body>
</html>
效果: