Javascript 将当前滑块值设置为可变值
我是一个简单的人。因此,我有一个简单的问题。 我想将我命名为myFreq的变量的值设置为滑块中的当前值。myFreq值将用于播放sin WaveTimber.js的函数中。我将当前值更新为html中的一个段落,但我不知道如何将其设置为myFreq变量的值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
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以及绑定和加载的代码。