编写一个JavaScript函数sendDanmu(),用来将用户输入的内容添加到弹幕中
时间: 2023-06-12 19:08:21 浏览: 54
可以使用以下代码实现:
```javascript
function sendDanmu() {
// 获取用户输入的内容
var input = document.getElementById("danmu-input").value;
// 创建一个新的弹幕元素
var danmu = document.createElement("div");
// 设置弹幕元素的样式和内容
danmu.style.position = "absolute";
danmu.style.top = Math.floor(Math.random() * 90) + "%";
danmu.style.left = "100%";
danmu.style.whiteSpace = "nowrap";
danmu.style.color = "white";
danmu.style.fontSize = "24px";
danmu.textContent = input;
// 将弹幕元素添加到页面中
document.body.appendChild(danmu);
// 让弹幕向左移动
var move = setInterval(function() {
danmu.style.left = parseInt(danmu.style.left) - 5 + "px";
if (danmu.offsetLeft + danmu.offsetWidth < 0) {
clearInterval(move);
document.body.removeChild(danmu);
}
}, 20);
}
```
这个函数会从页面中获取一个输入框中的内容,并将其添加到一个弹幕元素中。弹幕元素的样式包括随机的纵向位置、白色文字颜色、24像素字号大小和从页面右侧开始移动。移动的速度可以通过调整`setInterval()`函数中的时间间隔来改变。当弹幕移出页面左侧时,它会从页面中移除。