您的位置：首页 > Web前端 > JavaScript

Javascript复习第三天动态显示时间

2016-05-12 20:25 876 查看

工作的原因，忙到今天早上凌晨，睡了一天。晚上来一发~习惯是最难改的，哪天不撸码，我难受！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>

<script>
//静态获取当前时间
function getTime(){
var time = document.getElementById("time");
var date = new Date();
var day = date.getDate();
var month = date.getMonth()+1;
var year = date.getFullYear();
var hours = date.getHours();
var minutes= date.getMinutes();
var seconds = date.getSeconds();
month = padddingTime(month);
hours = padddingTime(hours);
minutes = padddingTime(minutes);
seconds = padddingTime(seconds);
time.innerHTML = "我只为您获取一次时间哦："+year + "-" + month + "-" + day + " " + hours + ":" + minutes + ":" + seconds;
}

//动态获取当前时间
function getNewTime(){
var newTime = document.getElementById("newTime");
var date = new Date();
var day = date.getDate();
var month = date.getMonth()+1;
var year = date.getFullYear();
var hours = date.getHours();
var minutes= date.getMinutes();
var seconds = date.getSeconds();
month = padddingTime(month);
hours = padddingTime(hours);
minutes = padddingTime(minutes);
seconds = padddingTime(seconds);
newTime.innerHTML = "我会一直为您获取时间哦："+year + "-" + month + "-" + day + " " + hours + ":" + minutes + ":" + seconds;
setTimeout('getNewTime()',1000);
}
//用于补零
function padddingTime(num){
if(num < 10){
num = "0" + num;
}
return num;
}
</script>
</head>
<body>
<input type="button" value="show time" onclick = "getTime();"/>
<input type="button" value="show time" onclick = "getNewTime();"/>
<p id = "time"></p>
<p id="newTime"></p>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： javascript

相关文章推荐

新的分享

章节导航