Javascript 将当前滑块值设置为可变值

Javascript 将当前滑块值设置为可变值,javascript,jquery,Javascript,Jquery,我是一个简单的人。因此,我有一个简单的问题。 我想将我命名为myFreq的变量的值设置为滑块中的当前值。myFreq值将用于播放sin WaveTimber.js的函数中。我将当前值更新为html中的一个段落,但我不知道如何将其设置为myFreq变量的值 var myFreq; $(function(){ var slider = $('#slider'), min = slider.attr('min'), max = slider.attr('max'), cur

我是一个简单的人。因此,我有一个简单的问题。 我想将我命名为myFreq的变量的值设置为滑块中的当前值。myFreq值将用于播放sin WaveTimber.js的函数中。我将当前值更新为html中的一个段落,但我不知道如何将其设置为myFreq变量的值

var myFreq;

$(function(){

var slider = $('#slider'),
    min = slider.attr('min'),
    max = slider.attr('max'),
    currentValue = $('#currentValue');
// Hiding the slider:
slider.hide();
$('#control').knobKnob({
    snap : 10,
    value: 500,
    turn : function(ratio){
        // Changing the value of the hidden slider
        slider.val(Math.round(ratio*(max-min) + min));
        // Updating the current value text
        currentValue.html(slider.val());
    }
}); 
});

function playT(){T("sin", {freq:myFreq}).play();}
假设slider是一个HTML5输入,具有一个范围类型,您可以让jQuery监听它的更改事件,如下所示:

$('#slider').on('change', function(){
    myFreq = $(this).val();
});

这将在每次触发滑块更改事件时使用当前滑块值更新myFreq。

谢谢。是的,slider是一种HTML5,具有范围类型。当我有你的时候,你会在哪里找到新的代码,这样我就可以测试它了?你可以把这个代码放在$function{}的任何地方;var-myFreq$函数{var slider=$'slider',min=slider.attr'min',max=slider.attr'max',currentValue=$'currentValue';//隐藏滑块:slider.hide;$'control'。knobknobknobk{snap:10,值:200,turn:functionratio{//更改隐藏滑块slider.valMath.roundratio*max-min+min;//更新当前值文本currentValue.htmlslider.val;}};$slider'。在“更改”上,函数{myFreq=$this.val;};};Tsin,{freq:myFreq}.play;我尝试了其他各种配置,但没有成功。我删除了包含播放正弦波的T Timber对象的函数,所以现在它只显示,Tsin,{freq:myFreq}.play;当myFreq var设置为一个数字时,该代码会在pageload上播放一个正弦波,例如,var myFreq=300;在$function{};之外的声明中,但在它里面没有。我对此已经做了一段时间了,我只找到了一个使用该值的示例:sin.prototype.set=functionfreq{this.container.find'input'.valfreq;return this.load;};其中'Sin'是一个函数,包含播放sinwave以及绑定和加载的代码。