ホームページを自作します。エディタを使って自分でつくるオリジナルなホームページの作り方を説明します。SEO対策webサイトを作ります。

JAVASCRIPTstudy

トップWEBデザインJavaScriptの基礎

JavaScriptの基礎

JavaScriptの勉強に役立つサイトを紹介します。
こちら⇒「JavaScript入門」を参照。


 JavaScriptのプログラム例です。

 時刻を表示しています。

<html>
<head>
<title>サンプル</title>
</head>
<body onload="jikoku()">
<div align="center">
<div style="margin-top:100px;text-align:left;width:450px;height:280px;border:1px solid #00ffff;background-color:#ffddee">
<br />
 ◆挨拶:
<br /><br />
<script type="text/javascript">
<!--
document.write("  Hello World!!");
// -->
</script>
<br /><br /><br /><br />
 ◆開始時刻は: 
<script type="text/javascript">
<!--
dd = new Date();
document.write(dd.toLocaleString());
// -->
</script>
<br /><br /><br /><br />
 ◆経過中の今の瞬間時刻は: 
<script type="text/javascript">
<!--
function jikoku() {
dd = new Date();
document.F1.T1.value = dd.toLocaleString();
window.setTimeout("jikoku()", 1000);
}
// -->
</script>
<form name="F1" action="#">
  <input type="text" name="T1" size=50>
</form>
</div>
</div>
</body>
</html>



このプログラムを実行すると結果は次のようになります。⇒ sample_Javascript




powered by QHM 6.0.4 haik
based on PukiWiki 1.4.7 License is GPL. QHM

最新の更新 RSS  Valid XHTML 1.0 Transitional