jquery 实现数字动态变化

直接上代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery.min.js"></script>
</head>
<body>
<div class="count">当前在线人数:<span id="number" style="color:red;font-size: 16px;font-weight: bold;">
</span>
</div>
<script type="text/javascript">
    function magic_number(value,num) {
        num.animate({ count: value }, {
            duration: 1000, //持续时间
            step: function () {
                num.text(Math.round(this.count));
            }
        });
    };
    var num = 2;
    setInterval(function(){magic_number(num+=10, $("#number"));},2000);
</script>
</body>
</html>

 

上一篇:2019牛客暑期多校训练营(第三场)H Magic Line


下一篇:Python类Class的简单介绍,继承、静态方法和类方法、magic方法