用JavaScript写一个自动滚动的表单,表单内容是[ {'time':'2023年4月19 14:53:21'}, {'time':'2023年4月19 14:53:22'}, {'time':'2023年4月19 14:53:23'}, {'time':'2023年4月19 14:53:24'}, {'time':'2023年4月19 14:53:25'}, {'time':'2023年4月19 14:53:26'}, {'time':'2023年4月19 14:53:27'}, {'time':'2023年4月19 14:53:28'}, {'time':'2023年4月19 14:53:29'}, {'time':'2023年4月19 14:53:30'}, {'time':'2023年4月19 14:53:31'}, {'time':'2023年4月19 14:53:32'}, {'time':'2023年4月19 14:53:33'}]
时间: 2023-06-03 18:06:00 浏览: 227
好的,以下是用JavaScript写一个自动滚动的表单的代码:
```
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>自动滚动表单</title>
</head>
<body>
<div id="form"></div>
<script>
var form = document.getElementById('form');
var data = [
{'time':'2023年4月19 14:53:21'},
{'time':'2023年4月19 14:53:22'},
{'time':'2023年4月19 14:53:23'},
{'time':'2023年4月19 14:53:24'},
{'time':'2023年4月19 14:53:25'},
{'time':'2023年4月19 14:53:26'},
{'time':'2023年4月19 14:53:27'},
{'time':'2023年4月19 14:53:28'},
{'time':'2023年4月19 14:53:29'},
{'time':'2023年4月19 14:53:30'},
{'time':'2023年4月19 14:53:31'},
{'time':'2023年4月19 14:53:32'},
{'time':'2023年4月19 14:53:33'}
];
var index = 0;
var timer = setInterval(function() {
form.innerHTML += data[index].time + '<br>';
form.scrollTop = form.scrollHeight;
index++;
if (index === data.length) {
clearInterval(timer);
}
}, 1000);
</script>
</body>
</html>
```
这个表单会自动滚动,每秒钟显示一个时间。您可以将 `data` 数组替换为您要显示的内容。
阅读全文