如何实时移动范围类型输入'；在不刷新页面的情况下使用javascript的s滑块？

还是不可能？

在Chrome中运行良好

应该可以。

---

根据上的MDC文件 它的数据由IE8、FF3.5、Chrome1、Safari3.2支持，因此输入类型=范围

语法

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

如果未找到匹配项，则返回null； 否则，它将首先返回 匹配元素

请注意，querySelector只返回匹配元素中的第一个元素。
因此，

document.querySelector（'input[type=range]'）

不如

document.querySelector（'myrange'）

在Safari4（Win）中工作正常。

---

确保您的代码在输入元素之后，或者在onload或类似函数中调用。

我找到了一种方法，但不是很好：动态修改输入样式

<input type="range" value="0" min="0" max="100">
<script type="text/javascript"><!--
document.querySelector('input[type=range]').value = 30;
--></script>

---

您可以使用

steppup

和

steppdown

功能执行此操作

var i = 0,
    oRange = document.querySelector('input[type=range]');

setInterval(function(){
    oRage.value = i;
    oRage.style.fontSize = i + 'px';
    i++;
}, 1000);

---

工作演示：

谢谢。我已经更新了我的问题，抱歉，我原来的问题不准确。谢谢。我已经更新了我的问题，抱歉，我原来的问题不准确。为我在chrome工作。检查这把小提琴。

<input type="range" value="0" min="0" max="100">
<script type="text/javascript"><!--
document.querySelector('input[type=range]').value = 30;
--></script>

var i = 0,
    oRange = document.querySelector('input[type=range]');

setInterval(function(){
    oRage.value = i;
    oRage.style.fontSize = i + 'px';
    i++;
}, 1000);

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