JS定时运行 setTimeout()

最新推荐文章于 2024-03-29 16:23:23 发布

东成熙就

最新推荐文章于 2024-03-29 16:23:23 发布

阅读量426

点赞数 1

分类专栏： Javascript localStorage HTML5 文章标签： setTimeout localStorage存储 JS定时运行

本文链接：https://blog.csdn.net/phpfer/article/details/49430091

版权

Javascript 同时被 3 个专栏收录

33 篇文章 1 订阅

订阅专栏

HTML5

18 篇文章 0 订阅

订阅专栏

localStorage

1 篇文章 0 订阅

订阅专栏

点击“开始”，计时开始。

点击“停止”，计时停止。

点击“清除”，清除已计算的时间。

特点：计时的数据用HTML5的localStorage存储。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Survey</title>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script>
<style type="text/css">
	h3,label {
	font-size:11px;
	}
	button{
		cursor:pointer;
	}
</style>
</head>

<script type="text/javascript">
var trun;
var pbut;
function startVote(){
	//localStorage
	if (localStorage.pagecount)
	{
		localStorage.pagecount=Number(localStorage.pagecount) + 1;
	}else{
		localStorage.pagecount=1;
	}
	document.getElementById("th1ID").innerHTML = "运行了： " + localStorage.pagecount + " 次。";
	//
        //这里可以干更多的事儿...
        //
        trun = setTimeout("startVote()",1000); //设置运行间隔时间，默认每1秒。
	document.getElementById("startPost").setAttribute('disabled','true');
}
function stopVote(){ 
	clearTimeout(trun);
	document.getElementById("startPost").removeAttribute('disabled');

}
function clearVote(){
	localStorage.pagecount = 0;
	document.getElementById("th1ID").innerHTML = "运行了： 0 次。";
	//$('#th1ID').html("运行了： 0 次。");
}
</script>

<body>

<h2 id='th1ID'>点击‘开始’按钮开始计时...</h2>
<button id='startPost' οnclick="startVote()"> 开始 </button>
<button id='stopPost' οnclick="stopVote()"> 停止 </button>
<button id='clearPost' οnclick="clearVote()"> 清除 </button>
</body>
</html>