js定时自动执行的一些收集

2020-05-26 前端js 203

页面三秒后会弹出信息

setTimeout("alert('对不起, 要你久候')", 3000 )

```
<p id="content"> 请等三秒钟!</p>
<script>
setTimeout("changeState()",3000 );  
function changeState(){  
	let content=document.getElementById('content');  
	content.innerHTML="<div style='color:red'>我是三秒后显示的内容！</div>";  
}
</script>
```
开始计数
```
<input type="text" id="displayBox" name="displayBox" value="0">
<script>
x = 0
function countSecond() 
{　
    x = x+1
    document.getElementById("displayBox").value=x 
    setTimeout("countSecond()", 1000)
}
// 执行函数
countSecond()
</script>
```
手动开始手动停止计数
```
<form name="display1">   
    <input type="text" id="box1" name="box1" value="0" size="4" />   
    <input type="button" value="停止计时" onclick="clearTimeout(meter1)" />   
    <input type="button" value="继续计时" onclick="count1() " />   
</form>   
<p></p>  
<form name="display2">   
    <input type="text" id="box2" name="box2" value="0" size="4" />   
    <input type="button" value="停止计时" onclick="clearTimeout(meter2) " />   
    <input type="button" value="继续计时" onclick="count2( ) " />   
</form>
<script>
 x = 0  
y = 0  
  
function count1( )  
{　
    x = x+ 1  
    document.getElementById("box1").value= x  
    meter1=setTimeout("count1()", 1000)  
}
 
function count2( )
{　
    y = y+ 1  
    document.getElementById("box2").value= y  
    meter2=setTimeout("count2()", 1000)  
}  
// 执行函数
count1( )  
count2( )
</script>
```