您现在的位置: 365建站网 > 365学习 > js中用延时器实现定时器功能的用法

js中用延时器实现定时器功能的用法

文章来源:365jz.com     点击数:181    更新时间:2018-11-07 08:53   参与评论

js中用延时器实现定时器功能的用法

//setTimeout()
   //功能:设置一个延时器
   //语法:var timer = window.setTimeout(code,millisec);
   //参数: code:是任何合法的js代码,一般情况下是js函数,该函数要放在引号中。
   //          例:1:window.setTimeout("close()",3000);
   //                2: window.setTimeout(init,3000); //传函数地址,不加括号;
   window.onload() = init;
   //将函数的地址传给了事件,而不是将函数的执行结果传给事件
   //有名函数或者普通函数,作为地址引用,不带括号。
   // millisec:毫秒值。1秒=1000毫秒;
   //返回值: 返回一个延时器的id变量,这个id给延时器clearTimeout()来清除
   //clearTimeout()
   //        功能:清除延时器id变量
   //        语法:window.clearTimeout(timer)
   //         timer就是由setTimeout()设置的延时器的id变量
  function init(){
  window.document.body.bgColor = "#ff0000"; //更改网页背景颜色
  
  var url2 = "";
  var name2 = "win2";
  var options2 = "width=400,height=300,left=300,top=200,scrollbars=yes";
  //打开新窗口
  var win = window.open(url2,name2,options2);  //open()方法
   //向新窗口中输入内容
   var str = "<h2>张三的基本信息</h2>";
   str += "姓名:张三";
   str += "<br>性别:男";
   str += "<br>年龄:30岁";
   str += "<img src='./1.jpg'/>";
   win.document.write(str);
   //5秒后,新窗口自动关闭;
   win.setTimeout("window.close()",3000);
   }
   
   for(var name in window)
   {
      document.write(name+"<br>");
   }

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/CSS">
            #box{
                width: 100px;
                height: 100px;
                border: 1px solid red;
            }
        </style>
    </head>
    <body>
        
        <div id="box">
            
        </div>
        <input type="button" id="btn" value="点击" />                
        <script type="text/JavaScript">
            var oBtn=document.getElementById('btn');
            var oBox=document.getElementById('box');
            var num=0
            
            
            function add(){
                num++;
                oBox.innerHTML=num;
               // setTimeout("add()",1500);

      setTimeout(add,1500);
            }
            oBtn.onclick=function(){
                add();
            };
        </script>
        
    </body>
</html>

用延时器实现定时器功能主要思路就是:函数里面的延时器再次调用这个函数,唯一要注意的点是当延时器调用这个参数是要用引号引起来,否则无法运行,当然也可以调用这个方法名,就不用引号了。


如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛


发表评论 (181人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换图片
最新评论
------分隔线----------------------------