<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>病毒页面效果</title> <style type="text/css"> body{margin: 0;} </style> </head> <body> <img src="../../images/webPic.jpg" alt="首页图片" /> <script type="text/javascript"> function viruses() { window.open("病毒页面.html","_blank","width=400px,height=400px"); } setInterval("viruses()",3000); </script> </body> </html>
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>病毒页面</title> <style type="text/css"> body{margin: 0;} </style> </head> <body> <img src="../../images/viruse.jpg" alt="病毒页面" /> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>当前的日期和时间</title> </head> <body> <div id="myclock"></div> <script type="text/javascript"> function display() { var today=new Date(); //获得当前时间 var year=today.getFullYear(); //获得年 var month=today.getMonth()+1; //获得月 var date=today.getDate(); //获得日期 var hours=today.getHours(); //获得小时 var minutes=today.getMinutes(); //获得分钟 //显示不同的问候语 if (hours<12){ document.write("上午好!欢迎来到贵美"); }else if (hours>12&&hours<18){ document.write("下午好!欢迎来到贵美"); } else { document.write("晚上好!欢迎来到贵美"); } //设置div的内容日期时间 document.getElementById("myclock").innerHTML="今天日期:"+year+"年"+month+"月" +date+"日<br/>"+"现在时间:"+hours+"点"+minutes+"分"; } display(); </script> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>随机发放水果功能</title> </head> <body> <div> 您得到的水果是:<span id="fruits"></span> <input type="button" value="选择水果" οnclick="ceFruits()"/> </div> <script type="text/javascript"> function ceFruits(){ var fruits=new Array("pear","apple","grape","banana","orange"); var num=Math.ceil(Math.random()*5)-1; document.getElementById("fruits").innerHTML=fruits[num]; } </script> </body> </html>