Webページ上でJavaScriptで書かれた関数を呼び出す方法

WBOY
リリース: 2024-01-23 12:03:14
転載
785 人が閲覧しました

Webページ上でJavaScriptで書かれた関数を呼び出す方法

JavaScript を使用して関数を作成しました。Web ページではどのように呼び出せばよいですか?

ID が「timer」のタグを本文に追加して、document.getElementById("id_Value") を使用して JavaScript プログラムで Element オブジェクトを取得できるようにします。この方法は、IE ブラウザと IE コアをベースにしたブラウザにのみ適用されることに注意してください。

Web ページに現在時刻を動的に表示する方法

JSを使用する

非常に単純な関数です。Date() オブジェクトを使用して現在時刻を取得し、setTimeout を使用して 1 秒ごとの最新時刻を取得します。

書き込みプロセス中に小さな問題に遭遇しました。当初のアイデアは setInterval() を使用して 1 秒ごとに最新の時刻を取得することでしたが、これによりメモリ リークが発生します (具体的な理由はまだ解明されていません)。幸いなことに、Rocky のリマインダーのおかげで、代わりに setTimeout() を使用することでこの問題を解決できました。

01 関数 nowTime(ev,type){

02 /*

03 * ev: 時刻を示す要素

04 * type: 時刻表示モード 12を渡すと12時間制、そうでない場合は24時間制になります

05 */

06 //年、月、日、時、分、秒

07 変数 Y、M、D、W、H、I、S;

08 //単位が月、日、時、分、秒の場合は先頭に0を付けます

09 関数 fillZero(v){

10 if(v

11 v を返します;

12 }

13 (関数(){

14 var d=新しい日付();

15 var Week=['日曜日', '月曜日', '火曜日', '水曜日', '木曜日', '金曜日', '土曜日'];

16 Y=d.getFullyear();

17 M=fillZero(d.getMonth() 1);

18 D=fillZero(d.getDate());

19 W=週[d.getDay()];

20 H=fillZero(d.getHours());

21 I=fillZero(d.getMinutes());

22 S=fillZero(d.getSeconds());

23 //12時間表示モード

24 if(タイプ & タイプ==12){

25 //正午や早朝など、より多くの時間の種類を表示したい場合は、以下に判定を追加できます

26 if(H

27H;

28 }else if(H>12 & H

29 H-=12;

30 フィルゼロ(H);

31 }else if(H==24){

32;

33 }

34 }

35 ev.innerHTML=Y '年' M '月' D '日' ' ' W ' ' H ':' I ':' S;

36 //1秒あたりの更新時間

37 setTimeout(arguments.callee,1000);

38 })();

Web ページ作成時に遭遇した問題:

コード投稿を見てください。特定のテキスト ボックスの名前が指定されている本のコードを直接使用したと思いますが、このテキスト ボックスがないため、オブジェクトが欠落しています。ここで時間を表示できる比較的単純なコードを示します:

------------------------------------------------------

######現在の時刻######

-------------------------------------------------

date 関数を使用して、Web ページに現在の日付を表示してください

現在時刻を表示するために書かれたJavaScript。 。 。コピーしてメモ帳に貼り付け、1.html として保存して効果を確認してください。

表示: 2011 年 5 月 12 日 23:54:7 日曜日 4

以上がWebページ上でJavaScriptで書かれた関数を呼び出す方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:docexcel.net
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!