本文为大家详细介绍下使用Javascript/Jquery实现简单的定时器
方法有多种
大家可以根据自己的喜好自由选择
希望对大家有所帮助
第一种方法
复制代码 代码如下:
<%@ page language="java" contentType="text/html; charset=UTF
"pageEncoding="UTF
"%>
<!DOCTYPE html PUBLIC "
//W
C//DTD XHTML
Transitional//EN" "
<html>
<head>
<title>定时器</title>
<script language="javascript" src="jquery
js"></script>
<script language="javascript">
//使用setInterval间歇调用 (不建议使用该方法)
$(function(){
setInterval(function(){
$("#currentTime")
text(new Date()
toLocaleString());
}
);
});
</script>
</head>
<body>
<div id="currentTime"></div>
</body>
</html>
第二种方法
复制代码 代码如下:
<%@ page language="java" contentType="text/html; charset=UTF
"
pageEncoding="UTF
"%>
<!DOCTYPE html PUBLIC "
//W
C//DTD XHTML
Transitional//EN" "
<head>
<title>定时器</title>
<script language="javascript" src="jquery
js"></script>
<script language="javascript">
//使用setTimeout超时调用
function startTime(){
$("#currentTime")
text(new Date()
toLocaleString());
setTimeout(
startTime()
);
}
</script>
</head>
<body onload="startTime()">
<div id="currentTime"></div>
</body>
</html>
第三种方法
复制代码 代码如下:
<%@ page language="java" contentType="text/html; charset=UTF" pageEncoding="UTF"%>
<!DOCTYPE html PUBLIC "//WC//DTD XHTML Transitional//EN" "
<head>
<title>定时器</title>
<script type="text/javascript">
var c=;
var t;
function timedCount(){
documentgetElementById(txt)value=c;
c=c+;
t=setTimeout("timedCount()");
}
function stopCount(){
clearTimeout(t);
}
</script>
</head>
<body>
<form>
<input type="button" value="开始计时！" onclick="timedCount()"/>
<input type="text" id="txt"/>
<input type="button" value="停止计时！" onclick="stopCount()"/>
</form>
</body>
</html>
