简单的数字变化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 () {clearInterval(timer);}function getNumber() {if (number==9)number = 0;else number++;outObj.innerHTML=number;}}
</script>
简单数字变化完整的代码:
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>changeNumber</title><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>
</head>
<body><!-- <div id="mySpan"> 变化的数字:<span id="change"></span></div>--><div> 变化的数字:<span id="change"></span></div>
</body>
</html>
html代码:
<body><div> 变化的数字:<span id="change"></span></div> </body>
改进后的数字变化:
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>变化的数字</title><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 () {clearInterval(timer);}function getNumber() {if (number==9)number = 0;else number++;outObj.innerHTML=number;}}</script>
</head>
<body><input type="button" value="start timer" name="start" ><input type="button" value="stop timer" name="stop"><div style="font-size: 30px;width: 150px;height: 100px;border: 1px #666666 solid"> 0</div>
</body>
</html>
这篇文章的感想:代码是不断优化和添加新功能的过程,写代码不容易,优化更不容易,令人崩溃的是一直反反复复的修改和增添新功能的ob中。