日々のコンピュータ情報の集積と整理

Dr.ウーパのコンピュータ備忘録

サンプル:アニメーション間隔の変更(500) - 文字へのスタイルシートの適用結果を、アニメーションで表示するJavaScriptコードジェネレータ

サンプル:アニメーション間隔の変更(500)

文字へのスタイルシートの適用間隔を、500(500ms = 0.5秒)としています。

プレビュー

こんにちは!


貼り付けコード

<!-- anime css begin -->
<div id="anime-css-container">こんにちは!<script type="text/javascript">
<!--
(function(){function e(){a.setAttribute("style",c[b]);f&&(d.innerHTML="",d.appendChild(document.createTextNode("style:"+c[b])));b++;b>=c.length&&(b=0);setTimeout(e,500)}var a=document.getElementById("anime-css-container");if(a){a.removeAttribute("id");var c="font-size:10px;\r\nfont-size:11px;\r\nfont-size:12px;\r\nfont-size:13px;\r\nfont-size:14px;".split(/\r\n|\r|\n/g);if(!(0>=c.length)){var f=!0,d=null;f&&(d=document.createElement("div"),a.parentNode.insertBefore(d,a));var b=0;e()}}})();
//-->
</script></div>
<!-- anime css end -->


元の貼り付けコードからの変更点

貼り付けコード内の、「setTimeout(e,1E3)」の 1E3 を変更することで、アニメーションの時間間隔の変更が可能です。

単位はミリ秒です。
デフォルトで、1E3 (1000ms) です。


これは何?

これは、「文字へのスタイルシートの適用結果を、アニメーションで表示するJavaScriptコードジェネレータ」によって生成した JavaScript コードのプレビューです。