JS一個好玩的文字表情滾動播放示例
阿新 • • 發佈：2018-11-24
quest timeout round .get 播放 innerhtml str win fun
假設我們有一串文字表情，像這樣 (′>?)人(′?ω?)?ヽ(?ε?*)人(-д-`)
然後我們想讓他像輪播圖一樣滾動起來
<!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>
復制一下試試吧，很好玩呦！
JS一個好玩的文字表情滾動播放示例