Javascript 如何更改输入类型=";“范围”=&燃气轮机;基于条件的步长值?

Javascript 如何更改输入类型=";“范围”=&燃气轮机;基于条件的步长值?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,如何根据条件更改输入类型=“范围”=>步长值 就像我想要的:差别:200 250 350 450一直到1150 1200 <input id="years" type="range" value="200" min="200" max="1200" /> 第一个值是200…然后它增加50…之后它增加100…(看起来像:250…350…1150…) 看看我尝试了什么…但没有得到正确的输出 $(函数(){ $(“#年”)。on('input change',function()

如何根据条件更改输入类型=“范围”=>步长值

就像我想要的:差别:200 250 350 450一直到1150 1200

<input id="years" type="range" value="200" min="200" max="1200" />

第一个值是200…然后它增加50…之后它增加100…(看起来像:250…350…1150…)

看看我尝试了什么…但没有得到正确的输出


$(函数(){
$(“#年”)。on('input change',function(){
变量
元素=$(“#年”),
value=element.val(),
步
/* 
制定你的规则
*/

如果(值这个答案应该正是你想要的:
(当然,你必须根据自己的需要调整价值观和步骤)

这个答案可能正是你想要的:(当然,你必须根据自己的需要调整价值观和步骤)谢谢康纳姆,我找到了解决方案!再次感谢你!太好了,很高兴听到!:)我刚刚添加了我的评论作为答案,所以你可以将其标记为接受!
    <html>
    <head>
        <script  src="https://code.jquery.com/jquery-2.2.3.min.js"></script>
        <script type="text/javascript">

            $(function() {

                $('#years').on('input change', function() {

                    var
                        element = $('#years'),
                        value = element.val(),
                        step;

                    /* 
                        Map your rules 
                    */
                    if (value <=250) {


                        step = 50;
                    }
                    else {

                        step = 100;   
                    }

                    element.attr('step', step);

                    $('#value').text(value);
                    $('#step').text(step);
                });
            });

        </script>
    </head>
    <body>
        <div>
            Current value: <span id="value"></span>
        </div>
        <div>
            Current step: <span id="step"></span>
        </div>
        <div style="width:500px">
            <input id="years" type="range" value="200" min="200" max="1200" />
        </div>
    </body>
    </html>

            <input id="years" type="range" value="200" min="200" max="1200" />