javascript 2019-01-15

最新推荐文章于 2024-08-16 00:00:00 发布

十里相思

最新推荐文章于 2024-08-16 00:00:00 发布

阅读量192

点赞数

分类专栏： java基础文章标签： javascript

本文链接：https://blog.csdn.net/weixin_43986060/article/details/86496240

版权

java基础专栏收录该内容

22 篇文章 1 订阅

订阅专栏

#1
在这里插入图片描述

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			//获取滚动条
			var t;
			var msg = new Array();
			msg[0] = '嗨！您好。看见了吗？';
			msg[1] = '您可根据自己的需要显示不同的内容！';
			msg[2] = '可在这个窗口内显示最新信息';
			var a = 0;
			var b = 0;

			function move() {
				msg[a] = msg[a].substr(1, msg[a].length - 1) + msg[a].substr(0, 1);
				document.getElementById('n').innerText = msg[a];
				b++;
				if(b >= msg[a].length) {
					b = 0;
					a++;
				}
				if(a > 2) {
					a = 0;
				}
				t = setTimeout('move()', 1000);
			}
		</script>
		<style>
			#n {
				border: 1px solid black;
			}
		</style>
	</head>

	<body onload="return move()">
		<span id="n"></span>
		<input type="button" value="停止" onclick="clearTimeout(t)" /><br />
		<span></span>
	</body>

</html>

#2
在这里插入图片描述

<!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 = '星期六';
						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>