排序问题 和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)                          //清除定时器
 }*/
 

关于setInterval和setTImeout中的this指向问题

这几天在看阮一峰的es6入门,看到箭头函数这块,其中提到了定时器this指向问题,以前没注意到,查了下资料,下面这篇博文写不错。mark下 ---------------------------...
  • MrZZhou
  • MrZZhou
  • 2017年04月15日 14:20
  • 142

一个setInterval的小问题

今天在答疑时发现了一个setInterval的小问题,在这里总结一下。 首先咱们先来看个小例子: 写法一 lang="en"> charset="UTF-8"> setI...

解决Out of memory问题

  • 2013年07月07日 14:52
  • 2KB
  • 下载

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

setinterval 和 setTimeout调用方式以及浏览器缓存问题 js中setinterval 和 setTimeout 可以做定时器,这个大家都知道, 关于这两个方法的区别,网上也...

小记VUE下setTimeOut和setInterval遇到的问题

相信大家对着两个函数都陌生,就是一个定时器,setTimeOut只执行一次,而setInterval会重复执行 需要注意的是:在setInterval不用的时候一定要用clearSetInterva...

《正在努力成长为小牛的路上》--setInterval与setTimeout定时器变量冲突问题

通过标签加载的js代码最后是会自己拼接起来的,所以没有写进闭包的变量都是全局变量,很容易发生变量冲突。...

【javascript】setInterval定时器的问题

setInterval定时器的问题一般js进行循环任务的时候才用两种方式 setTimeout 和 setInterval ,两种方式上理论上是可以进行切换的。但遇到某些地方会出现两种情况。 运行时间...

关于使用setInterval()函数制作滚动越来越快的问题

1.setInterval(定时调用函数方法) 1.1关于点击查询之后滚动速度越来越快的问题: 分析原因: 1.滚动出现越来越快,首先想到可能是每次查询之后,在原有的基础上调用时间变了,在网页上跟...
  • Aiarron
  • Aiarron
  • 2016年10月28日 11:10
  • 678
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:排序问题 和setInterval setTime out
举报原因:
原因补充:

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