3.模拟计算机病毒效果,当打开一个页面时,会不停的弹出窗口。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>病毒网页</title> </head> <body> <img src="images/viruse.jpg"/> </body> </html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>定时函数</title>
</head>
<body onload="a()">
<script type="text/javascript">
function a() {
var open = window.open("bingdu.html", 'newa', "height=300, width=280, top=10, left=20,")
open.window.open("bingdu.html", 'newb', "height=300, width=280, top=30, left=40,")
open.window.open("bingdu.html", 'newc', "height=300, width=280, top=50, left=60,")
open.window.open("bingdu.html", 'newd', "height=300, width=280, top=70, left=80,")
open.window.open("bingdu.html", 'newe', "height=300, width=280, top=90, left=100,")
open.window.open("bingdu.html", 'newf', "height=300, width=280, top=110, left=120,")
open.window.open("bingdu.html", 'newg', "height=300, width=280, top=130, left=140,")
open.window.open("bingdu.html", 'newh', "height=300, width=280, top=150, left=160,")
setInterval("a()",5000)
}
</script>
<a href="index.html " target="_self" ><img src="images/webPic.jpg" onclick="a()"/></a>
</body>
</html>
4.根据Date()对象获取当前的日期和时间,根据不同时间显示不同的问候语。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>根据时间显示问候语</title>
</head>
<p><span>今天日期:</span><span id="1"></span></p>
<p><span>今天时间:</span><span id="2"></span></p>
<p><span id="3"></span></p>
<body>
<script type="text/javascript">
function f() {
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 day1 = today.getDay()//周末
if(hh<=12){
str="上午好!欢迎来到贵美";
}else if(hh>12 && hh<18){
str="下午好!欢迎来到贵美";
}else {
str="晚上好!";
}
document.getElementById(1).innerHTML=year+"年"+month+"月"+day+"日"
document.getElementById(2).innerHTML=hh+"时"+mm+"分"+ss+"秒"+"\t星期:"+day1
document.getElementById(3).innerHTML=str
}
setInterval('f()',1000)
</script>
</body>
</html>
5.模拟随机发放水果功能,水果品种固定,每次发放一种。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>随机发放水果</title>
<script>
function b(){
var str = new Array("苹果", "芒果", "橘子", "菠萝", "葡萄","荔枝","香蕉","龙眼","黄桃","火龙果")
var shuzi = Math.floor(Math.random()*10);
document.getElementById("a").innerHTML= str[shuzi]
}
</script>
</head>
<body>
<input type="submit" value="随机按钮" onclick="b()">
<span>您得到的水果是:</span>
<span id="a">香瓜</span>
</body>
</html>