首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何在网页/webapp中点击显示每句话

如何在网页/webapp中点击显示每句话
EN

Stack Overflow用户
提问于 2020-12-18 20:03:57
回答 1查看 41关注 0票数 0

我想为至少5-10个句子的网页html/Js/css代码,其中每个句子应该出现在点击。此外,当该页面的所有内容出现时,它应该在下一次单击时指向另一个类似的页面。你能帮上忙吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-12-18 20:17:13

试试这个,点击顶部区域this is the body in this snippet here

代码语言:javascript
复制
let textelements = document.querySelectorAll(".text");
let counter = 0; 


function clicker(){

if(counter < textelements.length){
   textelements[counter].style.visibility = "visible";
   counter ++
} else{
   window.location.replace("<somepage>");
 }

}
代码语言:javascript
复制
.text{
visibility: hidden
}
代码语言:javascript
复制
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<body>
<div id="text1" class="text">Hello how</div>
<div id="text2" class="text">do you do</div>
<div id="text3" class="text">today</div>

<button class="btn" onclick="clicker()">Click Me</button>
</body>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/65356726

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档