yueloveme的博客通过本文主要向大家介绍了js计时器,js计时器代码,js秒表计时器,js倒计时器,js清除计时器等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
<!DOCTYPE html>
<html>
<head>
<title>ZzhJs3.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script type="text/javascript">
var start = new Date("2017/7/10");
//f方法计算距离 start时间 多少分多少秒
function f(){
var end=new Date();
//毫秒
var total=end-start;
var hour = parseInt(total/1000/60/60);
var minute = parseInt(total/1000/60)%60;
var second = parseInt(total/1000 - (hour * 3600) - (minute * 60));
document.getElementById("div").innerHTML=hour + "时" + minute+"分"+second+"秒";
//设置1000毫秒之后执行f()方法
//var timeoutobjectset = Timeout("f()" , 1000);
//这种方法用的停止方法是：
}
//设置每隔1000毫秒执行一个f()方法
var intervalobject = setInterval("f()" , 1000);
//这种方法用的停止方法是：clearTimeout(intervalobject);
function fun(){
//clearTimeout(timeoutobjectset);
clearInterval(intervalobject);
}
</script>
</head>
<body onload="f();">
距离开始的时间：<div id="div"></div>
<br/>
<input type="button" value="停止" onclick="fun()"/>
</body>
</html>