JavaScript 第二章 作業
阿新 • • 發佈：2018-12-19
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>