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()是延迟执行

  • 相关阅读:
    常见错误--06.18
    类目-延展-协议
    iOS页面传值-wang
    ios常见的页面传值方式
    delegate和protocol
    沙盒路径及文件 操作
    tableView优化性能
    IOS面试题
    浅谈Runloop
    面试题
  • 原文地址:https://www.cnblogs.com/jerry666/p/5271720.html
Copyright © 2011-2022 走看看