javascript - onclick 中随机播放文本

标签 javascript onclick

我最近才开始学习 JavaScript,并且想知道如何解决这个问题:

<script type="text/javascript">
function changeText(){
document.getElementById('txt').innerHTML = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.';
}
</script>
<p id='txt'>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<input type='button' onclick='changeText()' value='CHANGE TEXT'/>

上面是我正在使用的代码示例。我想要的是能够将第二个文本更改为第三个、第四个,依此类推;就像循环浏览文本值 onclick 一样,因此它会显示其他文本,例如:

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur。 Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est labourum.

我不确定我正在使用的代码是否可行,但我一直在互联网上搜索解决方案,但我不太确定应该搜索什么。

最佳答案

不确定我是否理解正确,但以下内容将在按钮开关上切换文本。

<script type="text/javascript">
var currentTextNum=0;
var texts = ['Text1', 'Text2', 'Text3', 'Text4'];
function changeText(){
document.getElementById('txt').innerHTML = texts[currentTextNum];
currentTextNum++;
if (currentTextNum>texts.length) currentTextNum=0;
}
</script>
<p id='txt'>Text1</p>
<input type='button' onclick='changeText()' value='CHANGE TEXT'/>

关于javascript - onclick 中随机播放文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28935301/

相关文章:

javascript - 显示:none; div won't show onchange()

javascript - 为什么我的discord.js 机器人会自行回复,即使我已经存了支票?

javascript - 在javascript中附加用户输入

javascript - HTML - 覆盖状态栏链接位置显示

java - 调用 start() 时 MediaPlayer onClick 崩溃

Javascript 复选框状态更改

javascript - 设置 onclick 事件删除之前附加的处理程序

javascript - 在 Javascript 中获取本地 HTML 文件的 HTML 代码

JavaScript HTML Onclick

onclick - 单击dojox.charting.Chart时如何获取单击的系列名称?