问题描述:系统进入页面,可以通过setInterval的方式进行定时执行某一个任务,当使用clearInterval之后需要再次调用setInterval,却不能够再次让setInterval执行的函数再次执行,本篇日志中,没有使用clearInterval,但也几乎实现了clearInterval的功能。希望能帮助到大家。
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>定时器的js实现</title>
<script language="javascript" type="text/javascript">
var count=0;
var a=true;
function init(){
setInterval(getJindu,100);//每隔1秒执行函数getJindu
}
function getJindu(){
if(a){
document.getElementById("counter").innerHTML=count++;
}else{
document.getElementById("counter").innerHTML=count;
}
}
function stopTimer(){
a=false;
}
function startTimer(){
a=true;
}
</script>
</head>
<body style="padding-left: 6px; padding-right: 8px;" οnlοad="init();">
<div id="counter"></div>
<input type="button" value="点击开始" οnclick="startTimer();"/><input type="button" value="点击停止" οnclick="stopTimer();"/>
</body>
</html>