首頁猿問無法將 setInterval...

無法將 setInterval 運行到 javascript 中的另一個函數中

JavaScript

守著一只汪 2023-09-28 10:17:20

很小的問題...問題：當我運行代碼時，它沒有將輸入字段值顯示到 div 中，但為什么呢？要求：我的要求是第一個用戶在輸入字段中輸入值，然后當我單擊按鈕時，輸入值將顯示在 div 上。代碼： function abc(){ window.setInterval(()=>{ var myForm = document.getElementById('myForm'); var text = document.getElementById('text'); text.innerText = myForm.elements['email'].value; }, 1); }<form id="myForm"> <input type="number" name="email" value="[email protected]"> <button id="btn" onclick="abc()">click On me</button> </form> <p id='text'></p>

查看完整描述

1 回答

慕容3067478

TA貢獻1773條經驗獲得超3個贊

您不需要“setInterval”來執行此操作

當按鈕元素位于表單元素中時，它默認使用發送功能，在本例中該功能會刷新頁面。因此，字段的內容一旦被填充就被清理。

我刪除了表單元素?，F在，當單擊按鈕時，input將獲取元素的內容并顯示在p元素中

<!DOCTYPE html>

<html>

<head>

<title>Document</title>

</head>

<body>

<button id="btn" onclick="abc()">click On me</button>

function abc() {

var mail = document.getElementById('mail');

var text = document.getElementById('text');

text.innerText = mail.value;

}

</script>

</body>

</html>

帶 setInterval 的版本

按下按鈕后“setInterval”將被激活。每 100 毫秒，它就會從輸入元素中獲取所有信息并將其填充到 P 元素中。您可以在字段中書寫，文本將立即出現在另一個元素中。為了在按下按鈕后不累積空格，我在代碼中設置了一行來停用按鈕

function abc() {

document.getElementById('btn').setAttribute("disabled", true);

setInterval(() => {

var mail = document.getElementById('mail');

var text = document.getElementById('text');

text.innerText = mail.value;

}, 100);

}

<button id="btn" onclick="abc()">click On me</button>

反對回復 2023-09-28

1 回答
0 關注
102 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

無法將 setInterval 運行到 javascript 中的另一個函數中

無法將 setInterval 運行到 javascript 中的另一個函數中

1 回答

添加回答