<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<p>点击按钮,在第 2、4、6 秒修改输入框中的文本:</p>
<button onclick="timedText()">显示时间文本</button>
<input type="text" id="txt" />
<script>
//在第 2、4、6 秒修改输入框中的文本:
function timedText() {
var x = document.getElementById("txt");
setTimeout(function () {
x.value = "2 秒";
}, 2000);
setTimeout(function () {
x.value = "4 秒";
}, 4000);
setTimeout(function () {
x.value = "6 秒";
}, 6000);
}
</script>
</body>
</html>
运行结果