> 컴퓨터 튜토리얼 > 컴퓨터 지식 > 웹페이지에 JavaScript로 작성한 함수를 호출하는 방법

웹페이지에 JavaScript로 작성한 함수를 호출하는 방법

WBOY
풀어 주다: 2024-01-23 12:03:14
앞으로
826명이 탐색했습니다.

웹페이지에 JavaScript로 작성한 함수를 호출하는 방법

자바스크립트로 함수를 작성했는데 웹페이지에서 어떻게 호출해야 하나요

document.getElementById("id_Value")를 사용하여 JavaScript 프로그램에서 Element 개체를 가져올 수 있도록 본문에 ID가 "timer"인 태그를 추가하세요. 이 방법은 IE 브라우저 및 IE 코어 기반 브라우저에만 적용됩니다.

aspC는 웹페이지에 현재 시간을 동적으로 표시하는 방법

JS 사용하기

매우 간단한 기능으로 Date() 개체를 사용하여 현재 시간을 가져온 다음 setTimeout을 사용하여 1초마다 최신 시간을 가져옵니다.

작성 과정에서 작은 문제에 직면했습니다. 원래 아이디어는 setInterval()을 사용하여 1초마다 최신 시간을 가져오는 것이었지만 이로 인해 메모리 누수가 발생했습니다(구체적인 이유는 아직 파악되지 않았습니다). 다행히 Rocky의 알림을 통해 대신 setTimeout()을 사용하여 이 문제를 해결했습니다.

01 함수 nowTime(ev,type){

02 /*

03 *ev: 시간을 표시하는 요소

04 * 유형: 시간 표시 모드 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=new Date();

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

27+H;

28 }else if(H>12 & H

29H-=12;

30+fillZero(H);

31 }else if(H==24){

32;

33 }

34 }

35 ev.innerHTML=Y+'연도'+M+'월'+D+'일 '+' '+W+' '+H+':'+I+':'+S;

36 //초당 업데이트 시간

37 setTimeout(arguments.callee,1000);

38 })();

웹페이지를 만들 때 겪은 문제:

코드 게시물을 살펴보세요. 특정 텍스트 상자의 이름이 지정된 책의 코드를 직접 사용했지만 이 텍스트 상자가 없어 개체가 누락되었습니다. 다음은 시간을 표시할 수 있는 간단한 단락입니다.

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

이제 시간

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

웹페이지에 현재 날짜를 표시하려면 날짜 기능을 사용하세요

현재 시간을 표시하기 위해 Javascript로 작성되었습니다. . . 복사--메모장에 붙여넣기--1.html로 저장하면 효과를 볼 수 있습니다

표시: ​​2011년 5월 12일 23:54:7 4일 월요일

위 내용은 웹페이지에 JavaScript로 작성한 함수를 호출하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:docexcel.net
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿