JavaScript 第二章作业

1.简述说明prompt()、alert()和confirm()三者的区别

alert() 弹出个提示框 （确定） 
confirm() 弹出个确认框 （确定，取消） 
prompt() 弹出个输入框 让你输入

2.setTimeout()和setInterval()在用法上有什么区别？

setTimeout()执行时是在载入后延迟指定时间后,去执行一次表达式(只执行一次)
语法是setTimeout(表达式,延时时间)
setInterval()执行时是从载入后,每隔指定的时间就执行一次表达式
setInterval(表达式,交互时间)

3.用setInterval()模拟计算机病毒效果，当打开一个页面时，会不停的弹窗口
具体实现代码如下:
病毒页面代码:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>

	<body>
		<img src="img/webPic.jpg" />
		<script type="text/javascript">
			function index() {
				window.open("bingdu.html", "", "  width=260, height=260"); //打开病毒页面
			}
			var a = setInterval('index()',0); //时间函数1000等于1秒，如果想让电脑死机的话直接改为0
		</script>
	</body>

</html>

病毒窗口页面

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>病毒</title>
	</head>
	<body>
		<img src="img/viruse.jpg"/>
	</body>
</html>

4.根据Date()对象获取当前的日期和时间，根据不同的时间显示不同的问候语
具体实现代码如下:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			p {
				font-size: 28px;
				font-weight: 500;
			}
		</style>
	</head>

	<body>
		<p id="myclock"></p>
		<p id="mytime"></p>
		<p id="mynow"></p>
		<script type="text/javascript">
			function disptime() {
				var today = new Date(); //获取当前时间
				var year = today.getFullYear(); //获取年份
				var month = today.getMonth() + 1; //获取月份
				var day = today.getDate(); //获取本月的哪一天
				var hh = today.getHours(); //获取时钟
				var mm = today.getMinutes(); //获取分钟
				var ss = today.getSeconds(); //获取秒钟
				var now;r
				if(hh >= 8 && hh <= 11) {
					now = "上午好!欢迎来到贵美";
				} else if(hh == 12) {
					now = "中午好!欢迎来到贵美";
				} else if(hh >= 13 && hh <= 17) {
					now = "下午好!欢迎来到贵美";
				} else if(hh >= 18 && hh <= 23) {
					now = "晚上好!欢迎来到贵美";
				} else if(hh >= 5 && hh <= 7) {
					now = "早上好!欢迎来到贵美";
				} else {
					now = "深夜好!欢迎来到贵美";
				}
				document.getElementById("myclock").innerHTML = "今天日期:" + year + "年" + month + "月" + day + "日";
				document.getElementById("mytime").innerHTML = "现在时间:" + hh + "点" + mm + "分" + ss + "秒";
				document.getElementById("mynow").innerHTML = now;
			}
			
			var mytimes = setInterval("disptime()", 1000);
		</script>
	</body>

</html>

5.模拟随机发水果功能，水果品种固定，每次只能发一种
具体实现代码如下:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div id="Fruits"></div>
		<script type="text/javascript">
			var fruits = Array("苹果","香蕉","梨子","葡萄","橘子","西瓜","哈密瓜");//创建一个储存水果名字的数组
			var index = Math.ceil(Math.random()*7)-1;	//随机获取数组索引下标
			document.getElementById("Fruits").innerHTML="您得到的水果是:"+fruits[index];
		</script>
	</body>
</html>

JavaScript 第二章 作业

猜你喜欢

JavaScript 第二章作业