javascript中如何通过一个按钮来实现开始和停止的功能？

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>choujiang</title>
<script>
var time=null;
var list="500万,直升飞机,宇宙飞船,豪华轿车,别墅".split(",");
function startRun(){
var i=Math.random()*list.length;
i=Math.floor(i);
document.getElementById("award").innerText=list[i];
time=setTimeout("startRun()",100);
}
function stopRun(){
if(time!=null)
clearTimeout(time);

}

</script>
</head>

<body>
恭喜您获得的奖品：
<div id="award" style="font-size:100px; color:red">
</div>
<input type="button" value="开始" onclick="startRun()">
<input type="button" value="停止" onclick="stopRun()">

</body>
</html>

代码是上面那样子的我想改成变成一个按钮来实现开始和停止的功能，应该怎么改？本来我是通过定义按钮的名字的点击一下按钮，它的的值就会从开始变成停止，然后执行 clearTimeout(time);但这样子后我运行时一点击就开始按钮后它就停了下来。到底应该怎么实现此功能啊望各位高手指点下. 展开

 我来答

2个回答

#热议# 什么是淋病？哪些行为会感染淋病？

user_pyw
推荐于2017-12-16 · TA获得超过325个赞

知道小有建树答主

回答量：324

采纳率：0%

帮助的人：282万

我也去答题访问个人页

关注

展开全部

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>choujiang</title>
<script>
var time=null;
var list="500万,直升飞机,宇宙飞船,豪华轿车,别墅".split(",");
var bol = false;
function startRun(){
var i=Math.random()*list.length;
i=Math.floor(i);
document.getElementById("award").innerText=list[i];
document.getElementById("cc").value="停止";
time=setTimeout("startRun()",100);
}
function stopRun(){
if(time!=null)
document.getElementById("cc").value="开始";
clearTimeout(time);

}
function startorstop(){
if(bol)
stopRun();
else
startRun();
bol = !bol;

}

</script>
</head>

<body>
恭喜您获得的奖品：
<div id="award" style="font-size:100px; color:red">
</div>
<input type="button" id="cc" value="开始" onclick="startorstop()">

</body>
</html>