5572320!! 五五七二三二〇!!
今日の昼頃にnatalieに以下の記事があがった。
Twitterがざわざわし始め、やっていた事を投げ出してずーっと五五七二三二〇関連のサイトと動画を見てました。(まぁ、エビ中こと私立恵比寿中学ですよね・・・※個人的な感想です)
こちらがよくまとまっていてわかりやすい。
タイアップみたいだけどカッコイイ!
これからやるであろうキャンペーンに期待してます!
松野さん(に似てる方)のギターを弾いている(であろう)姿がとにかくカッコよすぎて惚れたぁあああ!
本家のサイト
のコードを見ていたら、
のようにconsole.logとHTMLコメントで5572320があったので、どうしても5572320を書きたくなったのでかいた。
Google Chromeでしか表示確認していないので、環境によってはずれてしまうかも。
<script type="text/javascript"> var gogo = [ '<div id="gogo" style="font-family:\'MS Pゴシック\',\'MS PGothic\',\'Mona\',\'mona-gothic-jisx0208.1990-0\',sans-serif;font-size:10px;line-height:18px;margin-top:50px;margin-left:50px;">', "███████╗███████╗███████╗██████╗ ██████╗ ██████╗ ██████╗<br>█╔════╝██╔════╝ ╚════██║╚════██╗╚════██╗╚════██╗██╔═████╗<br>██████╗███████╗ ██╔╝ █████╔╝ █████╔╝ █████╔╝██║██╔██ ║<br>════██║╚════██ ║ ██╔╝ ██╔═══╝ ╚═══██╗ ██╔═══╝ ████╔╝██ ║<br>██████║███████║ ██║ ███████╗██████╔╝███████╗╚██████╔╝<br>╚═════╝╚══════╝ ╚═╝ ╚══════╝╚═════╝ ╚══════╝ ╚═════╝ ", '</div>', '<button onclick="toggle();">STOP 五五七二三二〇!!</button>' ].join(''); document.write(gogo); var tid; function getRandom() { return Math.floor( Math.random() * (255- 0 + 1) ) + 0; } function rgbToHex(r, g, b) { return "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1); } function timer() { var r = getRandom(); var g = getRandom(); var b = getRandom(); var hex = rgbToHex(r, g, b); document.getElementById('gogo').style.color = hex; tid = setTimeout('timer()', 300); } function toggle() { if(tid) { clearTimeout(tid); tid = 0; document.getElementsByTagName('button')[0].textContent = 'START 五五七二三二〇!!'; } else { document.getElementsByTagName('button')[0].textContent = 'STOP 五五七二三二〇!!'; tid = setTimeout('timer()', 500); } } tid = setTimeout('timer()', 1000); </script>
あー楽しかった。
参考
はてなブログの記事内でJavascriptを書く方法 - Three.jsを使って、作ってみた
javascript - RGB to Hex and Hex to RGB - Stack Overflow