HTML 定时跳转网页

html-css012

HTML 定时跳转网页,第1张

1:定时器

····

<html>

<head>

<script>

/*

setTimeout 设置过期时间

setTimeout(时间到了之后要执行的行为,什么时间 毫秒 开始执行)

setInterval 设置中断时间

setInterval(时间到了之后要执行的行为 , 间隔多长时间再执行 )

*/

</html>

····

2:一闪一闪亮晶晶

····

html>

<head>

<style>

#container{

width: 400px

height: 400px

border: 1px solid yellowgreen

background-color: black

position: relative

}

</html>

····

3:定时跳转网页

····

<html>

<head>

<style>

#box{

width: 1300px

height: 100px

line-height: 100px

border: 1px solid black

color: yellowgreen

font: 29/30px "simsun"

text-align: center

}

</style>

</html>

····

4:弹窗

····

<html>

<head>

<script>

alert("我是弹窗")

window.alert("全写的窗口弹窗")

</html>

····

    <script language="JavaScript">   

      function myrefresh(){   

        window.location.reload()   

      }   

      setTimeout('myrefresh()',1000) //指定1秒刷新一次   

    </script>

一般是用脚本实现。示例:<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style type="text/css">#bg_body{background:url(1.jpg) no-repeat center #eee background-attachment:fixed height:1000px}</style><script type="text/javascript">window.onload=function(){var oBody=document.getElementById('bg_body') var oS=oBody.style function BgChenge(){oS.backgroundImage='url(2.jpg)' } function BgPosition(){oS.backgroundRepeat='no-repeat' oS.backgroundPosition='center' oS.backgroundAttachment='fixed' } function LoadMethod(){BgChenge() BgPosition()} setInterval(LoadMethod,1000)}</script></head><body id="bg_body"></body></html>你背景图片就设置了一个2.jpg再切换也是这一张图片啊如果有多张图片比如说1-10.jpg,那就把oS.backgroundImage='url(2.jpg)'改为oS.backgroundImage='url('+(parseInt(Math.random() * 10) + 1)+'.jpg)'