教育・子育て

javascriptでクリスマスツリーアニメーション

マんタ's icon'
  • マんタ
  • 2020/12/16 05:58

こんにちは、コロナやインフルエンザでクリスマスどころじゃないかもしれませんが一応季節なので‥‥

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<head>
<script type="text/javascript">
 <!--
 function shiki(){
  setTimeout("document.udd.src='image3/夏1.jpg'",5000);
  setTimeout("document.udd.src='image3/秋1.jpg'",10000);
  setTimeout("document.udd.src='image3/冬1.jpg'",15000);
  setTimeout("document.udd.src='image3/春1.jpg'",20000);
  setTimeout("document.udd.src='image3/夏1.jpg'",25000);
  setTimeout("document.udd.src='image3/秋1.jpg'",30000);
  setTimeout("document.udd.src='image3/冬1.jpg'",35000);
  setTimeout("document.udd.src='image3/春1.jpg'",40000);
  setTimeout("document.udd.src='image3/夏1.jpg'",50000);
  setTimeout("document.udd.src='image3/秋1.jpg'",60000);
  setTimeout("document.udd.src='image3/冬1.jpg'",70000);
  }
 number=0;
 function tree(){
  if(number==0){
   document.momi.src="image3/ツリー1.jpg";
   number=2;
   }
  else if(number==2){
   document.momi.src="image3/ツリー1B.jpg";
   number=3;
   }
  else if(number==3){
   document.momi.src="image3/ツリー1A.jpg";
   number=4;
   }

  else if(number==4){
   document.momi.src="image3/ツリー1S.jpg";
   number=5;
   }
  else if(number==5){
   document.momi.src="image3/ツリー1A.jpg";
   number=6;
   }
  else if(number==6){
   document.momi.src="image3/ツリー1B.jpg";
   number=7;
   }
  else if(number==7){
   document.momi.src="image3/ツリー1A.jpg";
   number=8;
   }
  else if(number==8){
   document.momi.src="image3/ツリー1S.jpg";
   number=9;
   }
  else if(number==9){
   document.momi.src="image3/ツリー1C.jpg";
   number=10;
   }
  else if(number==11){
   document.momi.src="image3/ツリー1A.jpg";
   number=12;
   }
  else {
   document.momi.src="image3/ツリー1B.jpg";
   number=1;
   }
  }
 -->
</script>
</head>
<p>時間差で画像が変わります。</p>


<img src="image3/ツリー1.jpg"name="momi" >

<body onload="shiki();setInterval('tree()',3000)">

<p>自分の季節に対するイメージWWW</p>
<h1>春は桜がきれいｗｗｗ</h1>

<h1>夏は緑がいっぱいｗｗｗ</h1>

<h1>秋はいろどり？かな？ｗｗｗ</h1>

<h1>冬はいえでまったり過ごしたいｗｗｗ </h1>


<p><img src="image3/春1.jpg" name="udd"></p>
</body>
</html>

先日の季節の変わりのプログラムを書き換えたものです。

プログラム自体はそんなに大変ではありませんが・・・

画像を調整や作成色塗りに時間がかかりますね。

（自分の場合パッドとかを使ってないので・・・マウスで書いていますwww）

Content image

初期起動時はこんな感じのごく普通の木が出てきますｗｗｗ

Content image

数秒ごとに画像が変わり光ったように見えます

Content image

　　　　　　　　　　　　　このようになります。

Content image

　　　　　　　　　　ここまでご覧いただきありがとうございました。

 

Content image

　　　　　特にガンバッタノココｗｗｗ

　　　　　　　　　　　　　BYマんタ　

 

クリスマス JavaScript プログラミング
Supporter profile iconSupporter profile icon
Article tip 2人がサポートしています
獲得ALIS: Article like 5.72 ALIS Article tip 8.10 ALIS
マんタ's icon'
  • マんタ
  • @25kit6
11月になりましたねｗｗｗだんだん寒くなって来たしそろそろ本格的な冬モードかな？怪しげな風邪と菌も流行ってるみたいだし予防と消毒はしっかりしないとね！
投稿者の人気記事
コメントする
コメントする
こちらもおすすめ！
Eye catch
他カテゴリ

防犯意識 マーキング 下書き供養④

Like token Tip token
24.07 ALIS
Eye catch
他カテゴリ

警察官が一人で戦ったらどのくらいの強さなの？『柔道編』　【元警察官が本音で回答】

Like token Tip token
114.82 ALIS
Eye catch
他カテゴリ

京都のきーひん、神戸のこーへん

Like token Tip token
12.10 ALIS
Eye catch
他カテゴリ

オランダ人が語る大麻大国のオランダ

Like token Tip token
46.20 ALIS
Eye catch
他カテゴリ

機械学習を体験してみよう！（難易度低）

Like token Tip token
124.82 ALIS
Eye catch
クリプト

続・NFT解体新書・デジタルデータをNFTで販売するときのすべて【実証実験・共有レポート】

Like token Tip token
6.37 ALIS
Eye catch
他カテゴリ

ALISのシステム概観

Like token Tip token
5.00 ALIS
Eye catch
クリプト

Bitcoin史 〜0.00076ドルから6万ドルへの歩み〜

Like token Tip token
947.13 ALIS
Eye catch
教育・子育て

【科学（化学）】進化に必要だった猛毒のガス～酸素～

Like token Tip token
25.63 ALIS
Eye catch
他カテゴリ

テレビ番組で登録商標が「言えない」のか考察してみる

Like token Tip token
26.20 ALIS
Eye catch
トラベル

無料案内所という職業

Like token Tip token
84.20 ALIS
Eye catch
他カテゴリ

BCAAは本当に必要なのか？徹底的調査

Like token Tip token
1.20 ALIS