• 締切済み

直線のアニメーション

初心者です。よろしくお願いします。 5センチくらいの直線が、0.5秒ごとに 0.5センチくらい下に1本ずつ増えていく アニメーションのコードを教えてもらえないでしょうか? setInterval(関数名, 時間); を使うのかな・・・とは思ってますが、 実現できません。。。

みんなの回答

  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.1

何をしたいのかよくわかりませんけれど… (長さは概ね72dpiで換算) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html lang="ja"> <head><title>sample</title> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <style type="text/css"> <!-- #hoge div { margin:0; padding:0; font-size:0; height:14px; border-bottom:1px solid #666; } //--> </style> </head> <body> <div id="hoge" style="width:142px;"> </div> <script type="text/javascript"> <!-- setInterval(function(){ var d = document.createElement("div"); d.appendChild(document.createTextNode("\u0020")); document.getElementById("hoge").appendChild(d); }, 500); //--> </script> </body> </html>

関連するQ&A

専門家に質問してみよう