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> <div id="counter"></div> <script> var num = 0; setInterval(function() { num++; document.getElementById("counter").innerHTML = num; }, 1000); </script> </body> </html>
以上是一個基本的HTML滾動數字代碼,在頁面中顯示一個紅色的數字計數器,每秒鐘自動加1,實現數字的滾動效果。
代碼中首先定義了一個ID為counter的div元素,并設置了樣式使其居中顯示、紅色、加粗、字號為48px等,可以自行修改樣式以適應不同的需求。
接著使用JavaScript定時器setInterval函數,每隔1秒鐘執行一次操作,使num變量自增1,并將其值賦給ID為counter的div元素的innerHTML屬性,實現每秒鐘數字不斷變化的效果。
需要注意的是,JavaScript代碼必須放在HTML文件的body標簽內部,否則無法訪問到ID為counter的div元素。
上一篇vue的seo網站