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