JS实现九九乘法表-CFANZ编程社区

JS实现九九乘法表

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>无限99乘法表</title>
  </head>
  <body>
    <button onclick="add()">开始</button>
    <button onclick="end99()">停止</button>
    <button onclick="clear99()">清空</button>
    <div id="table99"></div>

    <script>
      var count = 0;
      function end99(){
        clearInterval(add99)
      }
      function clear99(){
        document.getElementById('table99').innerHTML = "";
        count = 0;
        clearInterval(add99)
      }
      function add(){
        try{
          clearInterval(add99)
          add99 = setInterval(function(){
            count++;
            table99(count);
          },500)
          return
        } catch {
          add99 = setInterval(function(){
            count++;
            table99(count);
          },500)
        }
      }
      function table99(count){
        var item = document.createElement('p');
        var str = '';
        var mydiv = document.getElementById('table99');
        for (var j = 1; j <= count; j++) {
          str += j + '*' + count + '=' + count*j + '&nbsp;';
        }
        str += '<br />';
        item.innerHTML = str;
        mydiv.appendChild(item);
      }
    </script>
  </body>
</html>

觉得有帮助的小伙伴右上角点个赞~

0 条评论