Question

我是一个单纯的男人。因此，我有一个简单的问题。我想设置一个名为myFreq的变量值等于我滑块的当前值。 myFreq值将用于播放sin波的函数（timbre.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();}

Answer 1

假设#slider是一个类型为“range”的HTML5输入，你可以让jQuery听取它的更改事件：

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

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

将当前滑块值设置为变量值

1 个答案: