javascript - 如何使用javascript实时移动范围类型输入的 slider 而不刷新页面？

Question

<input type="range" value="0" min="0" max="100">

我确实尝试了以下，但 slider 没有响应。

var i = 0;
setInterval(function(){
    document.querySelector('input[type=range]').value = i++;
}, 1000);

还是不可能？

Answer 1

你可以用 stepUp 和 stepDown 函数来做到这一点

document.getElementById("myslider").stepUp(1);
document.getElementById("myslider").stepDown(1);

工作演示:http://jsfiddle.net/dp6cwoom/