制作倒计时有开始和暂停按钮用js完整代码实现

 我来答
  • 你的回答被采纳后将获得:
  • 系统奖励15(财富值+成长值)+难题奖励30(财富值+成长值)
JIA丨XIAN
2015-09-17 · TA获得超过630个赞
知道小有建树答主
回答量:475
采纳率:20%
帮助的人:321万
展开全部
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<input placeholder="请输入时间" id="inp">
<button  onclick="go()">start</button><button onclick="stop()">stop</button><button id="jixu" onclick="jixu()" style="display: none;">continue</button>
<div id="result"></div>
<script>
    var time,
            div=document.getElementById('result'),
            stopState = false;
    function go(){
        time = document.getElementById('inp').value;
        timeout();
    }

    function timeout(){
        if(time ==''){
            alert('请输入时间')
            return;
        }
        setTimeout(function(){
            time--;
            div.innerText = time;
            if(time!==0 && !stopState){
                timeout();
            }
        },1000);
    }

    function jixu(){
        time = Number(document.getElementById('result').innerText);
        document.getElementById('jixu').style.display = 'none';
        stopState =false;
        timeout();
    }
    function stop(){
        document.getElementById('jixu').style.display = '';
        stopState = true;
    }
</script>
</body>
</html>
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
?>

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式