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

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

文章来源:365jz.com     点击数:1711    更新时间: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>");
   }

</>code

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <title></title>
  6.         <style type="text/css">
  7.             #box{
  8.                 width: 100px;
  9.                 height: 100px;
  10.                 border: 1px solid red;
  11.             }
  12.         </style>
  13.     </head>
  14.     <body>
  15.         
  16.         <div id="box">
  17.             
  18.         </div>
  19.         <input type="button" id="btn" value="点击" />                
  20.         <script type="text/javascript">
  21.             var oBtn=document.getElementById('btn');
  22.             var oBox=document.getElementById('box');
  23.             var num=0
  24.             
  25.             
  26.             function add(){
  27.                 num++;
  28.                 oBox.innerHTML=num;
  29.                // setTimeout("add()",1500);
  30.       setTimeout(add,1500);
  31.             }
  32.             oBtn.onclick=function(){
  33.                 add();
  34.             };
  35.         </script>
  36.         
  37.     </body>
  38. </html>

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


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

发表评论 (1711人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
昵称:
最新评论
------分隔线----------------------------

快速入口

· 365软件
· 杰创官网
· 建站工具
· 网站大全

其它栏目

· 建站教程
· 365学习

业务咨询

· 技术支持
· 服务时间:9:00-18:00
365建站网二维码

Powered by 365建站网 RSS地图 HTML地图

copyright © 2013-2024 版权所有 鄂ICP备17013400号