编程练习，人人网评论功能教程-慕课网

编程练习

小伙伴们，根据所学知识，使用JS实现网页投票功能，点击投票按钮，票数加1，为了防止刷票，每次跳票的间隔为10秒。

温馨提示:完成任务后，请验证是否与实践描述效果一致，如一致，恭喜您，你已经掌握此技能，否则，请重复学习此节内容。

任务

一、定义vote（）函数，计算票数

提示:
  1. 取得存放当前票数的的节点的innerText，转为数字并加1。

  2. 调用disabled（）函数，禁用按钮。

二、定义disabled（）函数，禁用投票按钮

提示:
  1.改变按钮的disabled 为false。

  2.设置一个定时器，10秒后恢复按钮disabled 为false。

index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        .con {
            width: 200px;
            height: 200px;
            background: red;
        }
        .tou {
            width: 200px;
            height: 30px;
            line-height: 30px;
            background: #a7cbff;
        }
        .tou button {
            float: left;
        }
        .tou .ret {
            float: right;
        }
    </style>
    <script type="text/javascript">
 
        // 定义vote函数，计算票数
 
        // 定义disabled函数，禁用投票按钮
 
 
    </script>
</head>
<body>
<div class="con">投票内容</div>
<div class="tou">
    <button onclick="vote(this)">投票</button>
    <span class="ret">总票数：<span id="total">0</span></span>
</div>
</body>
</html>