                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

如何让button只能点击一次

有bug啊，怎么才能让“button"只能执行一次，当持续点击button,则不是按照一秒执行一次，而是，，，

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>计时器</title>

</head>

<script type="text/javascript">

var num=0;

var i;

function startCount(){

document.getElementById('count').value=num;

num=num+1;

i=setTimeout("startCount()",1000);

}

function stopCount(){

clearTimeout(i);

}

</script>

</head>

<body>

<form>

<input type="text" id="count" />

<input type="button" value="Start" onclick="startCount()" />

<input type="button" value="Stop" onclick="stopCount()" />

</form>

</body>

</html>

bestlover

2015-07-06

源自：JavaScript进阶篇 8-6

关注问题我要回答

11409

操作

收起

4 回答

qq_清羽_0
2015-09-16

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
</head>
<script type="text/javascript">
var num=0;
var i;
function startCount(){
    document.getElementById('count').value=num;
    num=num+1;
    i=setTimeout("startCount()",1000);
    document.getElementById("Start").disabled=true;
}
function stopCount(){
clearTimeout(i);
document.getElementById("count").value="";
document.getElementById("Start").disabled=false;
}
</script>
</head>
<body>
<form>
    <input type="text" id="count" />
    <input type="button" value="Start" id="Start" onclick="startCount()" />
    <input type="button" value="Stop" onclick="stopCount()" />
</form>
</body>
</html>

下划线的部分是我和你不同的部分，我给开始按钮加了一个ID，然后通过在函数中加了三个样式，实现了开始按钮点击一次不可用，停止按钮点击后开始按钮回复，文本框清零。

2 回复有任何疑惑可以回复我~

Carol_Li
2015-08-14

我也隐隐约约发现了这个问题，你说的是按多次start的话计时会变快是吧。判断一下就行了，num=0的话就执行函数里面的内容。但问题根本原因是什么，这个就不太清楚。难道是多线程？OTZ

0 回复有任何疑惑可以回复我~

大布and科比
2015-07-30

function stopCount(){

num=0;

clearTimeout(i);

}

加一句num=0；

0 回复有任何疑惑可以回复我~

arlenhui
2015-07-06

var gg=true;

function startCount(){

document.getElementById('count').value=num;

num=num+1;

if(gg){

gg=false;

i=setTimeout(function(){

startCount();

gg=true;

},1000);

}

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

JavaScript进阶篇

参与学习 468044 人
解答问题 21891 个

本课程从如何插入JS代码开始，带您进入网页动态交互世界

本课相似问答

4 回答为什么onclick只能点击一次，再次点击时就出错了？

2 回答如何实现点击一次按钮调用两次函数呢

3 回答如何解决计时器中点击一次增加1s问题

3 回答想点击一次删除一个子节点，为什么必须点击两次才能删除一个？？？

4 回答如何避免多次点击造成的加速问题？

搜索更多本课相关问答

如何让button只能点击一次

我要回答关注问题

意见反馈帮助中心 APP下载