我想用Dw做一个页面,上面能显示当前日期时间,还能有个刷新按钮,点一下就能刷新下时间,请问各位大佬,

我想用Dw做一个页面,上面能显示当前日期时间,还能有个刷新按钮,点一下就能刷新下时间,请问各位大佬,这咋弄
<!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 + "日" + "&nbsp;&nbsp" + 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的的话可以百度一下,前端必会的东西。挺好用的。