【发布时间】:2021-12-12 22:31:21
【问题描述】:
是否可以修改以下代码,以便当您单击 ID 为 #slide-1-next 的按钮时,javascript 代码运行?理想情况下,在单击按钮之前代码不会运行。我不是非常精通 JS,但我认为也许可以修改带有事件侦听器的最后一行代码来实现这一点?
let text = 'What follows is Lorem ipsum translated to English: But I must explain to you how all this mistaken idea of reprobating pleasure and extolling pain arose.';
function type() {
let textChar = text.charAt(textLength++);
let paragraph = document.getElementById("typed");
let charElement = document.createTextNode(textChar);
paragraph.appendChild(charElement);
if(textLength < text.length+1) {
setTimeout('type()', 50);
} else {
text = '';
}
}
document.addEventListener("DOMContentLoaded", function() {
type();
});
【问题讨论】:
-
感谢@Tom 我尝试将最后一行代码更改为
document.getElementById("slide-1-next").onclick = doFunction;但没有成功... -
试试
document.getElementById("slide-1-next").onclick = type;。您的案例中未定义函数doFunction。 -
是的!非常感谢。
标签: javascript