排序问题 和setInterval setTime out

原创 2016年08月30日 18:16:53

代码在记事本 HTML文件输入  加入按钮 来运行

 

加入按钮的方法

<input type="button" value="button" onClick ="Btn_Click()"/>

<div id = "txt"></div>
<script>

 

 

//--------------------排序问题--------------------------  每点击一次按钮就让 数字加2 横向输出
 var startIndex = 0               定义一个变量的初始的值为0 
 var direction = 2                 定义一个变量的初始值为2


 function Btn_Click(){         
 txt.innerHTML += startIndex      每次点击之后 横向输出 0
 startIndex += direction                每次点击后变量 startIndex +=2
 if(startIndex==10){            如果 当这个数字等于10的时候执行以下条件
  direction = -2                     这个变量减去2
 }
 if(startIndex==0){              当这个变量等于0的时候
     direction = 2                 这个变量  在加2
  }
 }
 
 //----------------setInterval用法---------------------------
 
 var s =0                  //定义一个 变量S 赋值0
 var stop = true      //逻辑锁
 var td = setInterval(setInt,1000)   //定义的变量 TD 是setInterval  调用setInt方法 并设置时间为1000毫秒
 
 function Btn_Click(){                    //按钮的方法
 if(stop){                                  //当stop 等于ture的时候
 clearInterval(td)                     //清除定时器
 }else{                                    //当以上条件没有满足的时候执行以下方法
 td = setInterval(setInt,1000)            // 每次间隔1秒调用1次setInt 方法

 }
 stop = !stop                // 取反 逻辑锁 是执行else中的条件
 }
 
 function setInt(){ 

 s +=100        //s = s+100
 txt.innerHTML += s +"," 横向显示输出在浏览器上  
 }*/
 //-------------------setTimeout----------------------------
 /*var s = 0
 var td = setTimeout(end,5000) //设置结束时间5秒后执行 end 的方法
 
 function end (){
 txt.innerHTML = "逗"    在浏览器上显示 文字
 }
 
 function Btn_Click(){
 txt.innerHTML = "被中断了"       //点击按钮之后显示文字
 clearTimeout(td)                          //清除定时器
 }*/
 

JavaScript之闭包、定时器

谈谈闭包 对于JavaScript而言,虽然没有块作用域的概念,但是有函数作用域的概念,若是想从全局环境下去访问一个函数内的局部变量,是办不到的;但是根据JavaScript中的链式作用域的概念...
  • sinat_17775997
  • sinat_17775997
  • 2017年02月18日 22:56
  • 732

AS3 setTimeOut、setInterval、Timer 的区别和用法

setTimeOut:设置超时时间,只会执行一次!  setInterval:设置一个间隔时间,间隔多久会触发一次!除非 remove,否则会永久执行下去!  Timer:设置一个间隔时间...
  • cceevv
  • cceevv
  • 2012年07月19日 23:34
  • 12446

setTimeout与setInterval性能比较

谈到动画,就避不开setTimeout与setInterval,都能实现动画效果,但对我来说,只有需要手动控制帧的速率、频率时,我才会优先选择setTimeout,因为我知道,论性能,setTimeo...
  • yiifaa
  • yiifaa
  • 2017年01月11日 09:51
  • 1213

setInterval中this问题,以及bind绑定this的指向问题

Javascript对象中关于setTimeout和setInterval的this介绍,需要的朋友可以参考下 在Javascript里,setTimeout和setInterval...
  • OLiver_web
  • OLiver_web
  • 2017年03月30日 20:19
  • 1023

setTimeout()和setInterval()的区别和转换

定义 setTimeout()和setInterval()经常被用来处理延时和定时任务。setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式,而setInterval()则可以...
  • lijiajun_blog
  • lijiajun_blog
  • 2016年12月06日 23:39
  • 3012

setinterval 和 setTimeout调用方式以及浏览器缓存问题

setinterval 和 setTimeout调用方式以及浏览器缓存问题 js中setinterval 和 setTimeout 可以做定时器,这个大家都知道, 关于这两个方法的区别,网上也...
  • lushuaiyin
  • lushuaiyin
  • 2012年10月23日 13:02
  • 1682

使用setTimeout或setInterval时遇到的问题总结

写定时器分两种写法,setInterval和setTimeout。 先来说setInterval: setInterval(code,millisec[,"lang"]) setInterval...
  • alex8046
  • alex8046
  • 2015年03月20日 17:34
  • 3531

setInterval设置停止和循环

setInterval 不同于setTimeout,setInterval会无限反复执行,如果要让setInterval停止执行该怎么做呢? 只需要把setInterval()赋值给一个变量,然...
  • life169
  • life169
  • 2016年08月08日 08:01
  • 9458

javascrip setInterval 函数在一个对象内部的调用问题

最近改进了一下以前写的多幅图片轮流切换展示的代码,以前只是以类的方式整合到了dojo,并且在使用时必须显式调用window.setInterval方法。这样有下面两个缺点:1 需要指定各个存放显示数据...
  • haofeng82
  • haofeng82
  • 2008年01月22日 09:22
  • 1565

setInterval();与setTimeout();的结合用法【js】

今天下午在写图片轮播的时候,想让“当鼠标放在图片上时,图片不轮播” 当我设置了鼠标over图片使time增加了几百倍。 然而由于我以前用的setInterval();调用的轮播效果, 我的图片依...
  • leibniz_zhang
  • leibniz_zhang
  • 2016年11月15日 16:52
  • 481
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:排序问题 和setInterval setTime out
举报原因:
原因补充:

(最多只允许输入30个字)