如何使用 JavaScript 创建或重置计数器?


要创建计数器,请在 JavaScript 中使用 counterReset 属性。你可以尝试运行以下代码,使用 JavaScript 创建或重置一个或多个计数器 −

示例

在线演示

<!DOCTYPE html>
<html>
   <head>
      <style>
         h2:before {
            counter-increment: section;
            content: counter(section) " Quiz ";
         }
      </style>
   </head>
   <body>
      <h1>Quizzes</h1>
      <p>Change the counterIncrement</p>
      <h2>Ruby</h2>
      <h2 id="myID">Java</h2>
      <h2>PHP</h2>
      <h2>Perl</h2>
      <button onclick="display()">Reset Counter</button>
      <script>
         function display() {
            document.body.style.counterReset = "section";
         }
      </script>
   </body>
</html>

更新于: 2020 年 6 月 23 日

766 人次浏览

开始你的 职业生涯

完成课程以获得认证

开始学习
广告