假设我们有一串文字表情,像这样 (´>∀)人(´・ω・)ノヽ(・ε・*)人(-д-`)
然后我们想让他像轮播图一样滚动起来
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>emoji</title> </head> <body> <div id="emoji"></div> <script> var emoji = document.getElementById('emoji'); var str = '(´>∀)人(´・ω・)ノヽ(・ε・*)人(-д-`)'; var move = function(){ var first = str[0]; str = str.slice(1,str.length) + first; emoji.innerHTML = str; setTimeout(function(){ window.requestAnimationFrame(move); },500); }; window.requestAnimationFrame(move); </script> </body> </html>
复制一下试试吧,很好玩呦!