教育・子育て

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>春は桜がきれいwww</h1>

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

<h1>秋はいろどり?かな?www</h1>

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


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

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

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

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

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

Content image

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

Content image

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

Content image

             このようになります。

Content image

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

 

Content image

     特にガンバッタノココwww

             BYマんタ 

 

Supporter profile iconSupporter profile icon
Article tip 2人がサポートしています
獲得ALIS: Article like 5.72 ALIS Article tip 8.10 ALIS
マんタ's icon'
  • マんタ
  • @25kit6
3月、今年は桜綺麗に咲くのかな?梅はそこそこ綺麗に咲いてるの見るけど…

投稿者の人気記事
コメントする
コメントする
こちらもおすすめ!
Eye catch
他カテゴリ

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

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

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

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

「ハッシュ」とは何なのか、必ず理解させます

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

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

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

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

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

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

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

無料案内所という職業

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

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

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

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

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

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

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

【科学(化学)】進化に必要だった猛毒のガス~酸素~

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

ALISのシステム概観

Like token Tip token
5.00 ALIS