2019.01.15作业
实现广告牌文字循环显示的功能。
定义一个长度为3的数组
msg[0]=“嗨!您好。看见了吗?”
msg[1]=“您可根据自己的需要显示不同的内容!”;
msg[2]=“可在这个窗口内显示最新信息!”
循环输出数组的内容
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
#s{
border: 1px solid blue;
}
</style>
<script>
var l;
var msg = new Array();
msg[0] = "嗨!您好。看见了吗?";
msg[1] = "您可根据自己的需要显示不同的内容!";
msg[2] = "可在这个窗口内显示最新信息!";
var i = 0;
var sq = 0;
function a(){
msg[i] = msg[i].substring(1)+msg[i].substr(0,1);
document.getElementById("s").innerText = msg[i];
sq++;
if(sq >= msg[i].length){
sq = 0;
i++;
}
if(i >2){
i = 0;
}
}
</script>
</head>
<body "l=setInterval('a()',500)">
<span id="s">嗨!您好。看见了吗?</span>
</body>
</html>
实现制作12小时进制的时钟
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
var t;
function showTime(){
var d = new Date();
var year = d.getFullYear();
var month = d.getMonth()+1;
var date = d.getDate();
var hours = d.getHours();
var minutes = d.getMinutes();
var seconds = d.getSeconds();
var week = d.getDay();
var hour;
var apm;
var w;
if(hours>12){
hour = hours-12;
apm = "PM";
}else{
hour = hours;
apm = "AM"
}
if(week == 1){
w = "星期一"
}else if(week == 2){
w = "星期二"
}else if(week == 3){
w = "星期三"
}else if(week == 4){
w = "星期四"
}else if(week == 5){
w = "星期五"
}else if(week == 6){
w = "星期六"
}else if(week == 0){
w = "星期日"
}
var s = year+"年"+month+"月"+date+"日\n"+hour+":"+minutes+":"+seconds+"\n"+apm+"\n"+w;
document.getElementById("time").innerHTML = s;
}
</script>
</head>
<body "t = setInterval('showTime()',1000)">
<strong>你好,欢迎访问东软睿道教育网!</strong><br>
<span id="time" style="font-weight: bold;"></span>
</body>
</html>