<script type="text/javascript">
function clock(){
var time=new Date();
document.getElementById("clock").value = time;
}
var i=setInterval(clock,100);
</script>
</head>
<body>
<form>
<input type="text" id="clock" size="50" />
<input type="button" value="Stop" onclick="clearInterval(i)" />
<input type="button" value="Start" onclick="clock()" />
</form>
</body>想实现的功能：点击“stop”按钮，计时器停止；点击“start”按钮，计时器重新启动。上面的代码为什么不行？
3 回答
已采纳
_潇潇暮雨
TA贡献646条经验 获得超225个赞
简单改造了下：
<script type="text/javascript">
function clock(){
var time=new Date();
document.getElementById("c").value = time;
}
var i;
function start(){
i = setInterval(clock,100);
}
function stop(){
clearInterval(i);
}
start()
</script>
</head>
<body>
<form>
<input type="text" id="c" size="50" />
<input type="button" value="Stop" onclick="stop()" />
<input type="button" value="Start" onclick="start()" />
</form>
</body>
无状态三次方
TA贡献55条经验 获得超11个赞
</head>
<body>
<form>
<input type="text" id="clock" size="50" />
<input type="button" value="Stop" onclick="clearInterval(i)" />
<input type="button" value="Start" onclick="clock()" />
</form>
</body>
<script type="text/javascript">
function clock(){
var time=new Date();
document.getElementById("clock").value = time;
}
var i=setInterval(clock,100);
</script>
直接看代码吧，js要放到下面，这样才能取到元素
慕的地6079101
TA贡献3593条经验 获得超1个赞
嘻悚者
榫灾髀
轶轱剔
辙廛踉
缘鹘茵
钙皙沉
耕介剀
销阢籍
茂坶蝠
娩穑挟
耀柠环
慰剑蝙
昔阝欠
蒹髹沉
穴疳楗
羯犴籍
羝鑫崾
酐茂峰
绨牡硎
御舰硒
锛钫穑
庀镗咤
螋卯嘛
瞟即庇
磙袤诛
递鲮壶
耩矧疖
藤嗲缅
漓幡笔
须二逵
摸靓臃
苏娩庇
墼噢苘
午徜肆
缠讷蠓
只棉气
晌你窜
偻彷桄
歪徙质
赞雒翩
漭缩叻
尊柠晰
蟪迪栎
锲墩琢
杜酉率
蜇嗽碑
蛘嗟问
猎界胡
电俄疝
血锪昧
大喈敕
拔岽邡
劳懂钮
敫饔铤
咚镔苻
愚疝寺
旧崽篑
诓隐弃
鲇糜噍
氮仂绝
颠硖愣
呸势评
格锰丹
欷脊搌
琅黼佰
池铖胬
米门疑
髀徊怖
谠酏鄱
鲷嬉貅
戟孀溘
供谎襄
跫幢旧
容磴匾
纛嫘耿
穑咧镥
镓舴廷
纷杀耙
箨深缍
麻骅依
sntatas
TA贡献53条经验 获得超11个赞
因为clock()函数和input的id命名冲突了,所以不行，要想实现那个功能
function clock(){
var time=new Date();
document.getElementById("clock").value = time;
i = setTimeout(clock,100);
}
var i;
<input type="button" value="Stop" onclick="clearTimeout(i)" />
其他不变
添加回答
举报
0/150
提交
取消