圆周率背诵工具

最近写了一个背诵圆周率的小工具，给大家带来一种寓教于乐、挑战自我记忆极限的互动体验，无论是数学爱好者还是想要锻炼记忆力与专注力的用户，都能从中获得乐趣与收获。

本工具实现了圆周率的辅助背诵，自适应手机端，输入框仅能输入数字，并带有计时功能，当按下第一个数字键后自动开始计时，只有输入正确的数字方可继续前进，输入错误时会统计错误的次数以及正确率，全部位数输入完成后，显示您的总成绩和完成时间。

代码说明：

<div class="pi">
    <div class="pititle">
        <h3>挑战圆周率</h3>
        <span class="time">用时<em>00:00</em>秒</span>
    </div>
    <span data-pi="14159265358979323846264338327950288419716939937510582097494459230781640628620899862803482534211706798214808651" id="piDisplay">3.</span>
    <input type="number" id="piInput" max="1">
    <p class="tip">错误次数：<em class="errorCount">0</em>，正确率：<em class="correctRate">0.00</em>% <a href="">重新开始</a></p>
</div>

代码默认为圆周率小数点后110位，您也可以在圆周率页面查看源代码另存到本地，找到data-pi属性，自行修改圆周率达到您想要的位数。

猛戳->：挑战圆周率