Javascript jQuery使用范围输入更改setInterval的时间

Javascript jQuery使用范围输入更改setInterval的时间,javascript,jquery,setinterval,Javascript,Jquery,Setinterval,我正在尝试访问setInterval的时间值,但是我对jQuery和JavaScript是新手,我不确定如何实现这一点。以下是我目前的情况: <form name="form4" oninput="amount.value=rangeInput.value"> <input type="range" id="rangeInput" value="1000" name="rangeInput" min="1000" max="10000" step="500"/>

我正在尝试访问setInterval的时间值,但是我对jQuery和JavaScript是新手,我不确定如何实现这一点。以下是我目前的情况:

<form name="form4" oninput="amount.value=rangeInput.value">
    <input type="range" id="rangeInput" value="1000" name="rangeInput" min="1000" max="10000" step="500"/>
    <output name="amount" for="rangeInput">1000</output>
</form>
这是我现在的一把小提琴

是否有方法更改时间值,将其链接到范围输入


基本上,我希望按照范围输入设置的间隔执行警报或任何操作。这可能吗?谢谢

以下是更改间隔的方法:

 function myFunc(){ alert('hi'); }

 var myInterval = setInterval(myFunc, 1000);

 function changeInterval(){
    clearInterval(myInterval);
    myInterval = setInterval(myFunc, 2000);
 }

以下是更改间隔的方法:

 function myFunc(){ alert('hi'); }

 var myInterval = setInterval(myFunc, 1000);

 function changeInterval(){
    clearInterval(myInterval);
    myInterval = setInterval(myFunc, 2000);
 }

似乎就是这样。在重新初始化间隔之前,需要清除间隔

function someFunc(){ alert("hi"); }
var interval;

$(function randomName() {
    interval = setInterval(someFunc, 10000);;    
});

$("#rangeInput").on("change", function(){
    clearInterval(interval);
    interval = setInterval(someFunc, $(this).val());
});

似乎就是这样。在重新初始化间隔之前,需要清除间隔

function someFunc(){ alert("hi"); }
var interval;

$(function randomName() {
    interval = setInterval(someFunc, 10000);;    
});

$("#rangeInput").on("change", function(){
    clearInterval(interval);
    interval = setInterval(someFunc, $(this).val());
});

如果要更改时间间隔,则需要取消并重新启动间隔计时器。如果要更改时间间隔,则需要取消并重新启动间隔计时器。警报似乎不是调试计时器的好方法:最好推广使用console.log作为更好的调试辅助工具。@Guarang Tandon谢谢!它起作用了!但是,我有一个问题:在我将代码包装到另一个函数中,并在body标记中调用function onload=function_name,并且在所有其他脚本之前添加脚本之前,代码似乎不起作用,这就是它的工作方式。这样,如果我在加载整个页面之前更改输入值,它会以初始值运行几次,或者根本不确定,因为它曾经发生过一次。是否有一种方法可以在不同的事件中调用函数,而不是在正文中加载,以便我可以立即更改值?@TrueBlueAussie您是对的:我很匆忙地添加了它。@DantèsCristo很抱歉没有及时回复。六羟甲基三聚氰胺六甲醚。。。据我所知,如果你想要一个不同的事件,只要做:$element.onevent,func yo call func,如果可能的话。警报似乎是调试计时器的一种不好的方式:最好推广使用console.log作为更好的调试辅助工具。@Guarang Tandon谢谢!它起作用了!但是,我有一个问题:在我将代码包装到另一个函数中,并在body标记中调用function onload=function_name,并且在所有其他脚本之前添加脚本之前,代码似乎不起作用,这就是它的工作方式。这样,如果我在加载整个页面之前更改输入值,它会以初始值运行几次,或者根本不确定,因为它曾经发生过一次。是否有一种方法可以在不同的事件中调用函数,而不是在正文中加载,以便我可以立即更改值?@TrueBlueAussie您是对的:我很匆忙地添加了它。@DantèsCristo很抱歉没有及时回复。六羟甲基三聚氰胺六甲醚。。。据我所知,如果你想要一个不同的事件,只要做:$element.onevent,func-yo调用func,如果可能的话。