<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>time</title>
</head>
<body>
<div id="show"></div>
<button onclick="myrefresh()">小伙子,点我刷新</button>
<script type="text/javascript">
var show = document.getElementById("show");
setInterval(function () { showTime(); }, 1000);
function showTime() {
var time = new Date();
var year = time.getFullYear();
var month = time.getMonth() + 1; //获取的月份数值在 0~11 即数值需要加一
var day = time.getDay();
var hour = time.getHours();
var minute = time.getMinutes();
var second = time.getSeconds();
//判断分钟的数值是否为个位数,如果是则在数值前加0
if (minute < 10) {
minute = "0" + minute;
}
//判断秒的数值是否为个位数,如果是则在数值前加0
if (second < 10) {
second = "0" + second;
}
var timer = year + "年" + month + "月" + day + "日" + "  " + hour + ":" + minute + ":" + second;
show.innerHTML = timer;
}
//刷新
function myrefresh()
{
window.location.reload();
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(function(){
$("#time").html(getTime());
$("#btnTime").click(function(){
$("#time").html(getTime());
})
})
function getTime(){
var date = new Date();
var d = date.getFullYear() + "-" + (Number(date.getMonth())+Number(1)) + "-" + date.getDate() + " " + date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds();
return d;
}
</script>
</head>
<body>
<p id="time"></p>
<button id="btnTime">刷新时间</button>
</body>
</html>
把jquery换成你的
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
<script type="text/javascript">
$(function(){
// 页面加载的时候给id为time的p标签赋值
$("#time").html(getTime());
// 点击id为btnTime的按钮时
$("#btnTime").click(function(){
// 重新给id为time的p标签赋值
$("#time").html(getTime());
})
})
// 声明jquery方法
function getTime(){
var date = new Date();
var d = date.getFullYear() + "-" + (Number(date.getMonth())+Number(1)) + "-" + date.getDate() + " " + date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds();
return d;
}
</script>
</head>
<body>
<p id="time"></p>
<button id="btnTime">刷新时间</button>
</body>
</html>
我加注释了,jquery也换成http引用网络上的了,你直接新建一个html页面,把这些代码全部复制进去就能用了。jquery的的话可以百度一下,前端必会的东西。挺好用的。