js定时器怎么使用?

JavaScript027

js定时器怎么使用?,第1张

setInterval()循环执行相应的方法

<script type="text/javascript">

setInterval("myInterval()",1000)//1000为1秒钟

function myInterval()

{

alert('实战帮,javascript视频课程')

}

</script>

1.setTimeout(Expression,DelayTime),在DelayTime过后,将执行一次Expression,setTimeout 运用在延迟一段时间,再进行某项操作。

setTimeout("",time) 设置一个超时对象

2.setInterval(expression,delayTime),每个DelayTime,都将执行Expression.常常可用于刷新表达式.

setInterval("",time) 设置一个超时对象

SetInterval为自动重复,setTimeout不会重复。

3.1clearTimeout(对象) 清除已设置的setTimeout对象

3.2clearInterval(对象) 清除已设置的setInterval对象

//试试这个吧

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

</head>

<body>

<div id="time"></div>

<script>

    <!--   

    var maxtime = 60*60 //一个小时,按秒计算,自己调整!

        function CountDown(){

            if(maxtime>=0){

                minutes = Math.floor(maxtime/60)

                seconds = Math.floor(maxtime%60)

                minutes = minutes>=10?minutes:'0'+minutes

                seconds = seconds>=10?seconds:'0'+seconds

                msg = "距离结束还有"+minutes+"分"+seconds+"秒"

                document.all["time"].innerHTML=msg

                if(maxtime == 5*60) alert('注意,还有5分钟!')

                --maxtime

            }else{

                clearInterval(timer)

                alert("时间到,结束!")

             }

        }

        timer = setInterval("CountDown()",1000)

    //-->

</script>

 

</body>

</html>