微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

html5 meter

<!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>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。