教育・子育て

第4章 Javascript 画像を処理するプログラム その③

マんタ's icon'
  • マんタ
  • 2020/05/13 05:31

さてさていよいよ Javascript 画像を処理するプログラム その③です。

4章は今回で終わりそう(⌒∇⌒)うん(⌒∇⌒)

今度はJSファイルを作成していきます。

JSファイルとしてHTMLファイルと分離させることで何度も入力する必要がなくなるわけです。

Content image

前に記述したindex.html(この場合sab.html)からこのプログラムを切り取り、新しくTeraPadに貼り付けて script.js と名前を付けてJavaScriptファイルで保存します。

Content image

htmlファイルのほうはこのように編集www

起動してみますwww

Content image
Content image

 

Content image

 

Content image

こんな感じになります。

下のほうも見ていきますwww

Content image

 

Content image

 

Content image
Content image

 

Content image

 

Content image

 

Content image

となりますねwww

プログラムの説明

onload=setInterval('fom()',2000)

Webページの読み込みが完了したら2秒ごとに画像を変更するという

前にも説明したかな?

<script type="text/javascript" src="script.js">

</script>

src属性でJSファイルのURLを設定。

htmlファイルと分離させJavaScriptのプログラムを認識させる。

 

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

BYマんタ

次回はいよいよ文字列の処理や~~~~~~~~~~~

Article tip 0人がサポートしています
獲得ALIS: Article like 8.91 ALIS Article tip 0.00 ALIS
マんタ's icon'
  • マんタ
  • @25kit6
5月、そろそろ温かくなってきたかな?でも、少し肌寒いから健康管理は気を付けないとね。感染症もいろいろと流行ってるみたいだし・・・

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

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

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

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

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

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

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

ALISのシステム概観

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

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

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

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

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

無料案内所という職業

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

機械学習を体験してみよう!(難易度低)

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

スーパーコンピュータ「京」でマイニングしたら

Like token Tip token
1.06k ALIS
Eye catch
ビジネス

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

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

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

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

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

Like token Tip token
120.79 ALIS