2019-01-15作业

最新推荐文章于 2021-06-21 04:38:46 发布

王琦wq

最新推荐文章于 2021-06-21 04:38:46 发布

阅读量378

点赞数

分类专栏： JavaScript基础文章标签： JavaScript练习

本文链接：https://blog.csdn.net/weixin_39003621/article/details/86496730

版权

JavaScript基础专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1.实现广告牌文字循环显示的功能。

定义一个长度为3的数组

msg[0]=“嗨！您好。看见了吗？”

msg[1]=“您可根据自己的需要显示不同的内容！”;

msg[2]=“可在这个窗口内显示最新信息！”

循环输出数组的内容

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			#s1{
				display: inline-block;
				border: 1px solid black;
				padding: 2px;
			}
		</style>
		<script>
			var msg = new Array();
			msg[0]="嗨！您好。看见了吗？"
			msg[1]="您可根据自己的需要显示不同的内容！";
			msg[2]="可在这个窗口内显示最新信息！"
			
			var n = 0;
			var i = 0;


			function move(){
				var s1 = document.getElementById("s1");
				var s = s1.innerText;
				s = s.substr(1) + s.substr(0,1);
				s1.innerText = s;
				n++;
				if(n >= msg[i].length){
					if(i == 2){
						i = 0;
					}else{
						i++;
					}
					s1.innerText = msg[i];
					n = 0;
					setTimeout("move()",1000);
				}else{
					setTimeout("move()",1000);
				}
				
			}
			
		</script>
	</head>
	<body onload="move()">
		<span id="s1">嗨！您好。看见了吗？</span>
	</body>
</html>

2.制作12小时进制的时钟

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			function nowTime(){
				var d = new Date();
				var t = "";
				t += d.getFullYear() + "年" + (d.getMonth()+1) + "月" + d.getDate() + "日  ";
				if(d.getHours() > 12){
					t += (d.getHours() - 12) + ":" + d.getMinutes() + ":" + d.getSeconds() + " PM  ";
				}else{
					t += d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds() + " AM  ";
				}
				switch(d.getDay()){
					case 0:
						t += "星期日";
						break;
					case 1:
						t += "星期一";
						break;
					case 2:
						t += "星期二";
						break;
					case 3:
						t += "星期三";
						break;
					case 4:
						t += "星期四";
						break;
					case 5:
						t += "星期五";
						break;
					case 6:
						t += "星期六";
						break;
				}
				document.getElementById("time").innerText = t;
				setTimeout("nowTime()",1000);
			}
		</script>
	</head>
	<body onload="nowTime()">
		<h2>你好，欢迎访问东软睿道教育网！</h2>
		<h2 id="time"></h2>
	</body>
</html>

王琦wq

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
2019-01-15作业

1.实现广告牌文字循环显示的功能。定义一个长度为3的数组msg[0]=“嗨！您好。看见了吗？”msg[1]=“您可根据自己的需要显示不同的内容！”;msg[2]=“可在这个窗口内显示最新信息！”循环输出数组的内容&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;ti...
复制链接

扫一扫