排序问题 和setInterval setTime out

代码在记事本 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)                          //清除定时器
 }*/