您現在的位置: 365建站網 > 365學習 > js中用延時器實現定時器功能的用法

js中用延時器實現定時器功能的用法

文章來源:365jz.com     點擊數:1394    更新時間: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>

用延時器實現定時器功能主要思路就是:函數里面的延時器再次調用這個函數,唯一要注意的點是當延時器調用這個參數是要用引號引起來,否則無法運行,當然也可以調用這個方法名,就不用引號了。


如對本文有疑問,請提交到交流論壇,廣大熱心網友會為你解答??! 點擊進入論壇


發表評論 (1394人查看,0條評論)
請自覺遵守互聯網相關的政策法規,嚴禁發布色情、暴力、反動的言論。
用戶名: 驗證碼: 點擊我更換圖片
最新評論
------分隔線----------------------------
自拍偷拍福力视频,偷拍国际精品,麻豆一区福利电影,国产网红视频午夜福利,se视频大全,久久国产AV影院 国产女人抽搐喷浆视频| 性偷窥tube偷拍| 少妇大屁股下面流水了| 小12国产萝裸体视频福利| 亚洲爆乳成av人在线观看| 激情综合激情五月俺也去| 日本hdxxxxx护士| 國產亂倫在線看| 自拍偷区亚洲综合美利坚| 精品精品国产理论在线观看| 欧美黄色片| 亚洲精品无码aⅴ片| 国语对白东北粗口熟女| japanese35一50| 久久精品人人槡人妻人人玩| 被公多次侵犯致怀孕中文| 欧美成人刺激a片| 大量偷拍情侣自拍视频| 扎心老铁被屏蔽了最新地址| 少妇工地上满足民工| 最近更新中文字幕第1| zero no tsukaima R18| 卫生间激烈视频大全| 欧美高清vjcossexo| 在线岛国爱片免费无码av| 国内少妇高潮嗷嗷叫在线播放| 干的热巴喘不过气| 幻女free性俄罗斯毛片| 99热精国产这里只有精品| 2020最新国产自产在线不卡| 中国熟妇牲交视频| http://www.pooltablehouston.com