简单的数字变化：0-9循环

最新推荐文章于 2024-06-20 00:08:44 发布

低调之壮志凌云

最新推荐文章于 2024-06-20 00:08:44 发布

阅读量1.8k

点赞数

分类专栏：前端文章标签： javascript html html5

本文链接：https://blog.csdn.net/qq_41508763/article/details/109276697

版权

这篇博客探讨了如何使用JavaScript改进数字变化的代码，展示了一个从0到9循环的实现。通过HTML和HTML5的配合，文章阐述了代码优化的重要性以及在编程过程中面对不断修改和添加新功能的挑战。

摘要由CSDN通过智能技术生成

简单的数字变化

js代码：
简单的js：
<script type="text/javascript">
    let i=0;
    window.οnlοad=function (){
       let interV = setInterval(run,1000);
       let change=document.getElementById("change");
    }
    function run(){
        if (i==10){
            i=0;
        }
        change.innerHTML=i;
        i++;
    }
</script>

改进后的js

<script type="text/javascript">
    window.onload = function () {
        let startObj = document.getElementsByName("start")[0];
        let stopObj = document.getElementsByName("stop")[0];
        let outObj = document.getElementsByTagName("div")[0];
        let number = parseInt(outObj.innerHTML);
        let timer;
        startObj.onclick = function () {
            timer = setInterval(getNumber, 1000);
        }
        stopObj.onclick = function () {
            clearInterv