gpt4 book ai didi

javascript - 如何从文本框中更改 window.setInterval(function(){ 值并提交按钮

转载 作者:行者123 更新时间:2023-12-03 23:00:41 24 4
gpt4 key购买 nike

我有一个需要更改的小脚本window.setInterval(function(){值(value) }, 1000);从文本框和按钮。
如果我更改 rrrr,我尝试了这个有效的代码来自 HTML 代码的 id 值然后它的工作,但在 HTML 渲染后更改文本框值不起作用。
我需要从文本框中更改此值并提交按钮。
我的尝试是:

var delay = document.getElementById("rrrr").value;
window.setInterval(function(){
$( "#button-next" ).click();
}, delay);
<input type="text" id="rrrr" value="1000" style="width:50">
<button id="rrrr">submit</button>

任何建议,所以我应该改变?

最佳答案

这是你想要的吗?使用此模式,您可以根据需要更改时间间隔,方法是更改​​文本输入并单击 [提交] 按钮。

<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
var iHandle = 0;
$(document).ready(function() {
//
// read initial value:
//
var delay = document.getElementById("rrrr").value;
//
// set initial interval:
//
iHandle = window.setInterval(function() {
// console.log(delay);
$("#button-next" ).click();
}, delay);
//
// change delay by user trigger (pressing on button):
//
$("#rrrrbutton").on("click", function () {
//
// clear previous setInterval() object if existent:
//
if(iHandle) {
clearInterval(iHandle);
}
//
// read new value:
//
var delay = document.getElementById("rrrr").value;
//
// set new interval:
//
iHandle = window.setInterval(function() {
console.log(delay);
$("#button-next" ).click();
}, delay);
});
});
</script>
</head>
<body>
<input type="text" id="rrrr" value="1000" style="width:50">
<button id="rrrrbutton">submit</button>

</body>
</html>
console.log() 仅用于调试:
console.log(delay);

当我们看到一些通用代码时,我们可以通过定义一个公共(public)用户函数 runInterval() 来简化编程:
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
var iHandle = 0;

function runInterval() {
//
// clear previous setInterval() object if existent:
//
if(iHandle) {
clearInterval(iHandle);
}
//
// read new value:
//
var delay = document.getElementById("rrrr").value;
//
// set new interval:
//
iHandle = window.setInterval(function() {
console.log(delay);
$("#button-next" ).click();
}, delay);
//
return true;
}
//
// do this job after page loading:
//
$(document).ready(function() {
//
// do initial interval:
//
runInterval();

//
// change delay by user trigger (pressing on button):
//
$("#rrrrbutton").on("click", function () {
//
// relaunch setInterval() by reading new interval value:
//
return runInterval();
});
});
</script>
</head>
<body>
<input type="text" id="rrrr" value="1000" style="width:50">
<button id="rrrrbutton">submit</button>

......

</body>
</html>

关于javascript - 如何从文本框中更改 window.setInterval(function(){ 值并提交按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65983566/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com