发布时间:2025-12-10 13:08:05 浏览次数:6
HTML滚动数字代码是一种让数值不断变化滚动的代码,可以用于网页的数字计数器、倒计时等场景。
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>HTML滚动数字代码</title><style>#counter {font-size: 48px;font-weight: bold;color: red;text-align: center;margin-top: 100px;}</style></head><body><p ></p><script>var num = 0;setInterval(function() {num++;document.getElementById("counter").innerHTML = num;}, 1000);</script></body></html>代码中首先定义了一个ID为counter的p元素,并设置了样式使其居中显示、红色、加粗、字号为48px等,可以自行修改样式以适应不同的需求。
接着使用JavaScript定时器setInterval函数,每隔1秒钟执行一次操作,使num变量自增1,并将其值赋给ID为counter的p元素的innerHTML属性,实现每秒钟数字不断变化的效果。
需要注意的是,JavaScript代码必须放在HTML文件的body标签内部,否则无法访问到ID为counter的p元素。