#效果图
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
span {
line-height: 30px;
}
</style>
<script>
function display() {
move();
getTime();
}
function move() {
var m = document.getElementById('t').innerText;
m = m.substr(1, m.length - 1) + m.substr(0, 1);
document.getElementById('t').innerText = m;
setTimeout('move()', 1000);
}
function getTime() {
var time = new Date();
var year = time.getFullYear();
var month = time.getMonth() + 1;
var date = time.getDate();
var hours = time.getHours();
var minutes = time.getMinutes();
var seconds = time.getSeconds();
var day = time.getDay();
var r;
if(hours > 12) {
hours = hours - 12;
r = 'PM';
} else {
r = 'AM';
}
switch(day) {
case 0:
day = '星期天';
break;
case 1:
day = '星期一';
break;
case 2:
day = '星期二';
break;
case 3:
day = '星期三';
break;
case 4:
day = '星期四';
break;
case 5:
day = '星期五';
break;
case 6:
day = '星期l六';
break;
}
var s = year + '年' + month + '月' + date + '日' + ' ' + hours + ':' + minutes + ':' + seconds + ' ' + r + ' ' + day;
document.getElementById('time').innerText = s;
setTimeout('getTime()');
}
</script>
</head>
<body onload="return display()">
<span id="t">你好，欢迎访问我的小作品！</span><br />
<span id="time"></span>
</body>
</html>