HTML 定时跳转网页

html-css08

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>

····

方法一:

var i=1

function cctv(){

    alert(i++)

    setTimeout("cctv()",2000)

}

cctv()

方法二:

var i=1

setInterval("PerRefresh()", 2000)

function PerRefresh() {

     var today = new Date()

     alert("The time is: " + today.toString())

}

1、你引入xxx.js文件的代码没错;

2、注意你的html文件名称是 index(2).html,确保你在浏览器里访问的是这个文件;

3、并不是引入了js文件就会执行,有些js文件的内容不是执行代码,而是函数定义,这种情况要调用后才会执行的。

举例说明:

1、如果xxx.js文件的内容是

alert('ok')

那么在访问html文件时,会自动执行代码,弹出提示信息ok。

2、如果xxx.js文件的内容是

function aaa(){

alert('ok')

}

那么在访问html文件时,只是引入了函数aaa的定义,不会执行代码,所以不会弹出提示信息ok。

要在js文件或html文件中加入调用语句 aaa()才会执行,弹出提示信息ok。