使用滑块自动刷新页面的一部分

Question

因此，我尝试使用滑块来控制页面刷新的时间。选中此复选框后，应该开始自动刷新，关闭后，应该停止自动刷新。

这是我目前的jsfiddle：http://jsfiddle.net/z68mR/19/

两个问题：为什么滑动条不会改变值？我在开始时将它设置为10，它显示10但是当我拖动它时不会改变。

我设置setInterval的方式是否正确？

function refresh(time){
        refreshIntervalId = setInterval(
            function ()
                    {
                    // things to do...
                    }, parseInt(time*1000));    
        }

Answer 1

我已经开始更新您的fiddle

第一个问题是你的showValue函数没有在全局窗口对象上定义。

window.showValue = showValue;

接下来，我们需要在任何函数之外定义refreshIntervalId变量，以便它始终引用同一个对象。

最后，每当我们输入一个新区间时，我们都会清除旧区间

clearInterval(refreshIntervalId);
refreshIntervalId = setInterval(
                function ()
                {
                $("#area").text("Refreshed").fadeIn(300).fadeOut(300).fadeIn(300).fadeOut(300);
                }, parseInt(time*1000));