javasript 创建按钮控制时钟开始停止问题。已经写出代码 但是不知道按钮怎么办
<!doctypehtml><html><head><metacharset="utf-8"><title>小闹钟</title></head><body>小闹钟<spa...
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> 小闹钟</title>
</head>
<body>
小闹钟<span id="clock"></span>
<input type="button" value="开始" onclick="showTime() " >
<input type="button" value="停止" >
<script type="text/javascript">
var clock_obj = document.getElementById("clock");
var time_now = 0;
var count = 0;
var time_id = window.setInterval("showTime()",1000);
function showTime( )
{
var time_now = new Date();
time_now = time_now.toLocaleString();
clock_obj.innerHTML = time_now;
count++;
/* if(count == 5)
{
clearInterval(time_id);
}*/
}
//当走了10s钟后时钟后就自动停止
</script>
<br>
</body>
</html> 展开
<html>
<head>
<meta charset="utf-8">
<title> 小闹钟</title>
</head>
<body>
小闹钟<span id="clock"></span>
<input type="button" value="开始" onclick="showTime() " >
<input type="button" value="停止" >
<script type="text/javascript">
var clock_obj = document.getElementById("clock");
var time_now = 0;
var count = 0;
var time_id = window.setInterval("showTime()",1000);
function showTime( )
{
var time_now = new Date();
time_now = time_now.toLocaleString();
clock_obj.innerHTML = time_now;
count++;
/* if(count == 5)
{
clearInterval(time_id);
}*/
}
//当走了10s钟后时钟后就自动停止
</script>
<br>
</body>
</html> 展开
展开全部
<input type="button" value="开始" onclick="startTime() " >
<input type="button" value="停止" onclick="stopTime() " >
<script type="text/javascript">
var clock_obj = document.getElementById("clock");
var time_now = 0;
var count = 0;
var time_id = window.setInterval("showTime()",1000);
//点击开始按钮事件
function startTime(){
//重复点击开始事件将上一次的timer清除
clearInterval(time_id);
time_id = window.setInterval("showTime()",1000);
}
//点击停止按钮事件
function stopTime() {
clearInterval(time_id);
}
function showTime( )
{
var time_now = new Date();
time_now = time_now.toLocaleString();
clock_obj.innerHTML = time_now;
count++;
}
</script>
追问
大神 你这个代码 智能停止一次 下次开始就不能停止了
追答
不会啊， 你点击停止按钮计时就会停止啊， 你具体是想要什么效果呢，说清楚点
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
