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

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

Jan 23, 2024 pm 12:03 PM

웹페이지에 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

Windows 오류 코드를 해결하는 방법 'invalid_data_access_trap'; (0x00000004) Windows 오류 코드를 해결하는 방법 'invalid_data_access_trap'; (0x00000004) Mar 11, 2025 am 11:26 AM

이 기사에서는 "invalid_data_access_trap"(0x00000004) 오류, 중요한 BSOD를 다룹니다. 결함이있는 드라이버, 하드웨어 오작동 (RAM, 하드 드라이브), 소프트웨어 충돌, 오버 클럭킹 및 맬웨어와 같은 일반적인 원인을 탐색합니다. 문제

레지스트리를 어떻게 편집합니까? (경고 :주의해서 사용하십시오!) 레지스트리를 어떻게 편집합니까? (경고 :주의해서 사용하십시오!) Mar 21, 2025 pm 07:46 PM

기사는 Windows 레지스트리 편집, 예방 조치, 백업 방법 및 잘못된 편집의 잠재적 문제에 대해 설명합니다. 주요 이슈 : 부적절한 변화로 인한 시스템 불안정성 및 데이터 손실의 위험.

Windows에서 서비스를 어떻게 관리합니까? Windows에서 서비스를 어떻게 관리합니까? Mar 21, 2025 pm 07:52 PM

기사는 시작, 중지, 서비스 재시작 및 안정성 모범 사례를 포함하여 시스템 건강을위한 Windows 서비스 관리에 대해 논의합니다.

Windows 설정에서 Drive Health 경고를 수정하는 방법을 알아보십시오. Windows 설정에서 Drive Health 경고를 수정하는 방법을 알아보십시오. Mar 19, 2025 am 11:10 AM

Windows 설정에서 Drive Health 경고는 무엇을 의미하며 디스크 경고를받을 때 어떻게해야합니까? 이 PHP.CN 튜토리얼을 읽고이 상황에 대처할 수있는 단계별 지침을 얻으십시오.

ENE.SYS를 사용하는 응용 프로그램 ENE.SYS를 사용하는 응용 프로그램 Mar 12, 2025 pm 01:25 PM

이 기사는 ENE.Sys를 RealTek 고화질 오디오 드라이버 구성 요소로 식별합니다. 오디오 하드웨어 관리에있어 기능을 자세히 설명하고 오디오 기능에서 중요한 역할을 강조합니다. 이 기사는 또한 사용자가 정당성을 확인하도록 안내합니다

드라이버 asio.sys로드가없는 이유는 무엇입니까? 드라이버 asio.sys로드가없는 이유는 무엇입니까? Mar 10, 2025 pm 07:58 PM

이 기사는 Windows Asio.sys 오디오 드라이버의 실패를 다룹니다. 일반적인 원인으로는 손상된 시스템 파일, 하드웨어/드라이버 비 호환성, 소프트웨어 충돌, 레지스트리 문제 및 맬웨어가 포함됩니다. 문제 해결에는 SFC 스캔, 드라이버 upda가 포함됩니다

그룹 정책 편집기 (gpedit.msc)를 어떻게 사용합니까? 그룹 정책 편집기 (gpedit.msc)를 어떻게 사용합니까? Mar 21, 2025 pm 07:48 PM

이 기사는 시스템 설정을 관리하기 위해 Windows에서 그룹 정책 편집기 (GPEDIT.MSC)를 사용하는 방법을 설명하고 일반적인 구성 및 문제 해결 방법을 강조합니다. gpedit.msc는 Windows 홈 에디션에서 사용할 수 없다고 제안합니다.

파일 유형의 기본 앱을 어떻게 변경합니까? 파일 유형의 기본 앱을 어떻게 변경합니까? Mar 21, 2025 pm 07:48 PM

기사에서는 회복 및 대량 변경을 포함하여 Windows의 파일 유형에 대한 기본 앱 변경에 대해 설명합니다. 주요 이슈 : 내장 벌크 변경 옵션 없음.

See all articles