<!DOCTYPE html>
<html>
<head>
<meta charset = "UTF-8" />
<style type="text/css">
body{position:relative;}
#con{width:400px;height:64px;line-height:64px;background:red;color:white;margin:5px auto;position:absolute;left:280px;top:53px;text-align:center;border-radius:5px;text-align:center;font-size:20px;color:white;margin-right:5px;}
</style>
</head>
<body>
<div id="con">0</div>
</body>
<script>
2、实现计时,记录时间(获取当前的时间,开始计时,计时过程相当于你的手机时钟)xxxx年xx月xx日 //xx时xx分xx秒
function now(){
var div = document.getElementById("con");
var date = new Date();
var year = date.getFullYear();
var month = date.getMonth()+1;
var day = date.getDate();
var hours = date.getHours();
var minutes = date.getMinutes();
var seconds = date.getSeconds();
div.innerHTML = "今天是:"+year+"年"+month+"月"+day+"日"+" "+hours+"时"+minutes+"分"+seconds+"秒";
}
now();
setInterval(now,1000);
</script>
</html>
<html>
<head>
<meta charset = "UTF-8" />
<style type="text/css">
body{position:relative;}
#con{width:400px;height:64px;line-height:64px;background:red;color:white;margin:5px auto;position:absolute;left:280px;top:53px;text-align:center;border-radius:5px;text-align:center;font-size:20px;color:white;margin-right:5px;}
</style>
</head>
<body>
<div id="con">0</div>
</body>
<script>
2、实现计时,记录时间(获取当前的时间,开始计时,计时过程相当于你的手机时钟)xxxx年xx月xx日 //xx时xx分xx秒
function now(){
var div = document.getElementById("con");
var date = new Date();
var year = date.getFullYear();
var month = date.getMonth()+1;
var day = date.getDate();
var hours = date.getHours();
var minutes = date.getMinutes();
var seconds = date.getSeconds();
div.innerHTML = "今天是:"+year+"年"+month+"月"+day+"日"+" "+hours+"时"+minutes+"分"+seconds+"秒";
}
now();
setInterval(now,1000);
</script>
</html>