访问人数动态显示（动画样式展示）

往事不堪回首..

已于 2023-11-06 11:26:55 修改

阅读量45

点赞数

分类专栏： java 前端集文章标签： jquery

于 2022-03-04 11:00:26 首次发布

本文链接：https://blog.csdn.net/qq3892997/article/details/123271885

版权

前端集同时被 2 个专栏收录

44 篇文章 1 订阅

订阅专栏

java

31 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
  <script type="text/javascript" src="/jquery/jquery.js"></script>
</head>
<body>
  <div id="top"></div>
  <script>
  showNum("#top",647392, 150); //div的id ，数量，速度(调节越大，速度越慢)
  function showNum(controlName, _num, shudu) {
    var control = $(controlName);
    var showRunning = 0;
    var showEnd = _num;
    var runningSpeed = parseInt(_num / shudu); 
    control.text("0");
    var _play = setInterval(function () {
        if (_num-showRunning<20) {
            runningSpeed = 1;
        }
        control.text(" 当前在线：" + showRunning + "人");
        showRunning += runningSpeed;

        if (showRunning > showEnd ) {
            clearInterval(_play);
        }
    }, 1);
   }

  </script>
</body>
</html>