您的位置：首页 > Web前端 > JavaScript

javascript计时器

2015-10-06 16:01 549 查看

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>

<script>

var id = null;

var hour = 0;
var minute = 0;
var millis = 0;
function time()
{
//alert("OK");
millis++;
if(millis == 60)
{
millis = 0;
minute ++;
}
if(minute == 60)
{
minute = 0;
hour ++;
if(hour > 1000000)
{
hour = 0;
minute = 0;
millis = 0;
}
}
//alert(hour+":"+minute+":"+millis);
span.innerHTML = hour+":"+minute+":"+millis;
}

function start()
{
id = setInterval(time,1000);
}
function stop()
{
clearInterval(id);
}
function resetTime()
{
stop();
hour = 0;
minute = 0;
millis = 0;
span.innerHTML = "00:00:00";

}
</script>

</head>

<body>

<p id="p1"><span id="span1">00:00:00</span></p>
<p>
<button id="begin" onClick="start();">开始</button>
<button id="pause" onClick="stop();">停止</button>
<button id="cancel" onClick="resetTime();">重置</button>
</p>
<script>

var span = document.getElementById("p1");
alert(span);
</script>
</body>
</html>

注意全局变量获取元素，应该在该元素产生以后获取元素！

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航