我试图在屏幕上有节奏地向用户显示几个单词 - 就像您的平均“Boom Booom Bap,沉默”节拍一样,然后再重复一次。使用jQuery进行文本动画
我该如何去实现这样的事情与jQuery?
我想出了有一个简单的节奏非常蹩脚的代码,不知道如何使(沉默)部分/分的话:
jQuery(document).ready(function() { \t \t
\t \t \t \t
\t var textlist = ["Boom","Booom", "Bap", "Hey","Yoh", "Aha", "Namean","Brooklyn", "Pizza"];
\t
\t var timer;
\t function textFade(index){
\t \t $("#container").html(textlist[index]).fadeIn(200);
\t \t index++;
\t \t timer = setTimeout(function() {
\t \t \t textFade(index % textlist.length);
\t \t }, 1500);
\t }
\t \t \t
\t
\t textFade(0);
\t
\t
});
body{font-size: 90px;}
#container{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #eee;
font-family: 36px;
color: #333;
text-align: center;
display: none;
padding-top: 20px;
font-family: Arial;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="container"></div>
任何帮助非常感谢!
使用空字符串,如'[ “轰”, “Booom”, “Bap的”, “”, “嘿”,“Yoh公司“,”Aha“,”“,”Namean“,”Brooklyn“,”Pizza“,”“]' – Nabid