教育・子育て

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
遂に！今年最後の月！！！気温もかなり下がって最低気温一桁だけど、まだなんとか耐えられる！年内に雪降らないトいいけどね(￣▽￣)
投稿者の人気記事
コメントする
コメントする
こちらもおすすめ！
Eye catch
クリプト

ジョークコインとして出発したDogecoin（ドージコイン）の誕生から現在まで。注目される非証券性🐶

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

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

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

約２年間ブロックチェ－ンゲームをして

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

【科学】アリストテレスにデカルトにニュートンに…みな光に取り憑かれた～光学の発展～

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

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

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

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

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

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

Like token Tip token
121.79 ALIS
Eye catch
ビジネス

海外企業と契約するフリーランス広報になった経緯をセルフインタビューで明かす！

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

Bitcoinの価値の源泉は、PoWによる電気代ではなくて"競争原理"だった。

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

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

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

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

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

ALISのシステム概観

Like token Tip token
5.00 ALIS