`

setTimeout使用

阅读更多
function repuMapCallBack(tag){//鼠标停留1s才请求
	setTimeout(function(){
		var divId = tag.obj.divId;
		var chartDiv = $("#"+divId);//相当document.getElementById(divId);
	    if(chartDiv.length == 0){
		   return;
	    }
	    drawTempLine(tag) ;
	},1000);
}


<html>
<head>
<script type="text/javascript">
function timedMsg()
{
var t=setTimeout("alert('5 seconds!')",5000)
}
</script>
</head>

<body>
<form>
<input type="button" value="显示计时的消息框!" onClick = "timedMsg()">
</form>
<p>点击上面的按钮。5 秒后会显示一个消息框。</p>
</body>

</html>


<html>
<head>
<script type="text/javascript">
var c=0
var t
function timedCount()
{
document.getElementById('txt').value=c
c=c+1
t=setTimeout("timedCount()",1000)
}
</script>
</head>

<body>
<form>
<input type="button" value="开始计时!" onClick="timedCount()">
<input type="text" id="txt">
</form>
<p>请点击上面的按钮。输入框会从 0 开始一直进行计时。</p>
</body>
</html>



<html>
<head>
<script type="text/javascript">
var c=0
var t
function timedCount()
{
document.getElementById('txt').value=c
c=c+1
t=setTimeout("timedCount()",1000)
}

function stopCount()
{
clearTimeout(t)//语法clearTimeout(id_of_settimeout)参数id_of_settimeout描述:由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。
}
</script>
</head>
<body>
<form>
<input type="button" value="开始计时!" onClick="timedCount()">
<input type="text" id="txt">
<input type="button" value="停止计时!" onClick="stopCount()">
</form>
<p>
请点击上面的“开始计时”按钮。输入框会从 0 开始一直进行计时。点击“停止计时”可停止计时。
</p>
</body>
</html>
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics