html5 meter

最新推荐文章于 2023-03-04 18:09:58 发布

曹振华

最新推荐文章于 2023-03-04 18:09:58 发布

阅读量570

点赞数

分类专栏： html5 文章标签： html5 meter

本文链接：https://blog.csdn.net/chadcao/article/details/51993946

版权

html5 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<!doctype html>
<html>
<head>
    <title>meter</title>
    <script type="text/javascript" src="javascript/jquery.js"></script>
    <script type="text/javascript">
        var myIndex;
        var currentValue = 0;
        var maxValue = 100;
        $(function () {
            myIndex = setInterval(plusValue, 100);
        });
        function plusValue() {
            if (currentValue < maxValue) {
				currentValue++;
                $('#myMeter').val(currentValue);
            } else {
                clearInterval(myIndex);
            }
        }
    </script>
</head>
<body>
    <!-- 模拟考试情况，
    min="0"：最低分是0分，
    max="100"：最高分是100分，
    low="60"：低于60分不及格，
    60分到90分良好，
    high="90"：90分以上优秀,
    optimum="100"：因为optimum>high，所以分数越高越好
    value="0"：当前为0分-->
    <meter id="myMeter" min="0" max="100" low="60" high="90" optimum="100" value="0" />
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

曹振华

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html5 meter

meter var myIndex; var currentValue = 0; var maxValue = 100; $(function () { myIndex = setInterval(plusValue, 100); }); function p
复制链接

扫一扫