zoukankan      html  css  js  c++  java
  • js学习--浏览器对象计时器setInterval()与setTimeout()的使用与区别

    一.setInterval()与setTimeout()的定义:

    二.setInterval()与setTimeout()的使用:

       1.setInterval()与clearInterval()

    <button id="btn" onclick="stopTime()">按钮</button>
    	<p id="ptime"></p>
    	<script type="text/javascript">
    		var mytime = setInterval(function(){
    			getTime(); //函数调用
    		},1000); //1000毫秒
    		function getTime(){
    			var d = new Date();
    			var t = d.toLocaleTimeString(); //将日期对象时分秒转换成字符串
    			document.getElementById('ptime').innerHTML = t;
    		}
    		function stopTime(){
    			clearInterval(mytime);
    		}
    

      

    1.setTimeout()与clearTimeout()

    <body onload="getHello()">
    	<button id="btn" onclick="stopHello()">按钮</button>
    	<p id="ptime"></p>
    	<script type="text/javascript">
    		
    		var myinfo;
    		function getHello(){
    			alert("hello");
    			myinfo = setTimeout(function(){getHello()},3000);
    		}
     		function stopHello(){
     			clearTimeout(myinfo);
     		}
    

      3.区别

    setTimeout()是对自身的调用执行,setInterval()是延迟执行

  • 相关阅读:
    DC中为什么要用Uniquify?
    hdu 1596 find the safest road
    hdu2112 HDU Today
    hdu 2066 一个人的旅行
    poj 3026 Borg Maze
    poj 1979 Red and Black
    poj 1321 棋盘问题
    hdu 1010 Tempter of the Bone
    hdu 4861 Couple doubi
    codeforces584B Kolya and Tanya
  • 原文地址:https://www.cnblogs.com/jerry666/p/5271720.html
Copyright © 2011-2022 走看看