<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p id="dateime"></p>
<script type="text/javascript">
function show() {
var mydate = new Date();
var year = mydate.getFullYear();
var month = mydate.getMonth() + 1; //月份从零开始
var date = mydate.getDate();
var day = mydate.getDay(); //1-6周一到周六,0为周日
var hour = mydate.getHours();
var minute = mydate.getMinutes(); //分
var sec = mydate.getSeconds(); //秒
var strDate = getTwo(year) + '-' + getTwo(month) + '-' + getTwo(date) + ' ' + getTwo(hour) + '：' + getTwo(minute) +
'：' + getTwo(sec);
document.getElementById('dateime').innerHTML = strDate;
}
function getTwo(date) {
if (date < 10) {
date = '0' + date;
}
return date;
}
show();
setInterval(function() {
show();
}, 1000);
</script>
</body>
</html>
练习
图片切换
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p id="dateime"></p>
<p id="img">
<img src="img/练习一/0.JPG">
<img src="img/练习一/0.JPG">
<img src="img/练习一/colon.JPG">
<img src="img/练习一/0.JPG">
<img src="img/练习一/0.JPG">
<img src="img/练习一/colon.JPG">
<img src="img/练习一/0.JPG">
<img src="img/练习一/0.JPG">
</p>
<script type="text/javascript">
var oImg = document.getElementById('img');
function show() {
var mydate = new Date();
var hour = mydate.getHours();
var minute = mydate.getMinutes(); //分
var sec = mydate.getSeconds(); //秒
var strDate = getTwo(hour) + '：' + getTwo(minute) + '：' + getTwo(sec);
document.getElementById('dateime').innerHTML = strDate;
// 切换图片的代码
for (var i = 0; i < strDate.length; i++) {
var num = strDate.charAt(i);
if (i != 2 && i != 5) {
oImg.getElementsByTagName('img')[i].src = 'img/练习一/' + num + '.JPG'
}
}
}
function getTwo(date) {
if (date < 10) {
date = '0' + date;
}
return date;
}
show();
setInterval(function() {
show();
}, 1000);
</script>
</body>
</html>
倒计时
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p id="datetime"></p>
<script type="text/javascript">
var timer = null;
function test() {
var myDate = new Date(2019, 3, 16, 15, 22, 0);
var myDate1 = new Date();
var time = Math.floor((myDate - myDate1) / 1000);
// 天：Math.floor(time/86400);
// 小时:Math.floor(time%86400/3600);
// 分：Math.floor(time%86400%3600/60)
// 秒:Math.floor(time%60)
if (time <= 0) {
clearInterval(timer);
}
document.getElementById('datetime').innerHTML = Math.floor(time / 86400) + '天' + Math.floor(time % 86400 / 3600) +
'小时' + Math.floor(time % 86400 % 3600 / 60) + '分' + Math.floor(time % 60) + '秒';
}
test();
timer = setInterval(function() {
test();
}, 1000);
</script>
</body>
</html>
网友评论