Home Computer Tutorials Computer Knowledge How to call a function written in JavaScript on a web page

How to call a function written in JavaScript on a web page

Jan 23, 2024 pm 12:03 PM

How to call a function written in JavaScript on a web page

I wrote a function using javaScript. How should I call it on the web page?

Add a tag with the id "timer" in the body so that you can use document.getElementById("id_Value") to get an Element object in your JavaScript program. Please note that this method only applies to IE browsers and browsers based on IE core.

How to dynamically display the current time on a web page

Use JS

A very simple function, use the Date() object to get the current time, and then use setTimeout to get the latest time every 1 second.

I encountered a small problem during the writing process: the original idea was to use setInterval() to get the latest time every 1 second, but this would cause a memory leak (the specific reason has not yet been clarified). Fortunately, with Rocky's reminder, I solved this problem by using setTimeout() instead.

01 function nowTime(ev,type){

02 /*

03 * ev: element showing time

04 * type: time display mode. If 12 is passed in, it will be a 12-hour system, if not, it will be a 24-hour system

05 */

06 //Year, month, day, hour, minute and second

07 var Y,M,D,W,H,I,S;

08 //When the unit is month, day, hour, minute and second, add zero in front

09 function fillZero(v){

10 if(v

11 return v;

12 }

13 (function(){

14 var d=new Date();

15 var Week=['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];

16 Y=d.getFullYear();

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

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

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

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

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

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

23 //12-hour display mode

24 if(type & type==12){

25 //If you want to display more time types such as noon and early morning, you can add judgment below

26 if(H

27 H;

28 }else if(H>12 & H

29 H-=12;

30 fillZero(H);

31 }else if(H==24){

32;

33 }

34 }

35 ev.innerHTML=Y 'Year' M 'Month' D 'Day' ' ' W ' ' H ':' I ':' S;

36 //Update time per second

37 setTimeout(arguments.callee,1000);

38 })();

Problems I encountered when making a web page:

Take a look at your code post. I guess you directly used the code in the book, where the name of a certain text box was specified, but you don’t have this text box, so you are missing an object. I’ll give you a paragraph. Here is a relatively simple code that can display the time:

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

current time

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

Please use the date function to display the current date on your web page

Javascript written to display the current time. . . Copy--paste into notepad--save as 1.html to see the effect

Displayed as: May 12, 2011 23:54:7 Sunday 4

The above is the detailed content of How to call a function written in JavaScript on a web page. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Hot Topics

Java Tutorial
1653
14
PHP Tutorial
1251
29
C# Tutorial
1224
24
How to Fix the Steam Cloud Error? Try These Methods How to Fix the Steam Cloud Error? Try These Methods Apr 04, 2025 am 01:51 AM

The Steam Cloud error can be caused by many reasons. To play a game smoothly, you need to take some measures to remove this error before you launch the game. php.cn Software introduces some best ways as well as more useful information in this post.

Remove PC App Store Malware - A Full Guide for You! Remove PC App Store Malware - A Full Guide for You! Apr 04, 2025 am 01:41 AM

If you have a program called PC App Store on your computer and did not purposely install it, then your PC may be infected with the malware. This post from php.cn introduces how to remove PC App Store malware.

HackTool:Win64/ExplorerPatcher!MTB - How to Remove? HackTool:Win64/ExplorerPatcher!MTB - How to Remove? Apr 04, 2025 am 01:23 AM

ExplorerPatcher is an Open-Source portable executable that lets you customise the Windows 11 Start Menu, Taskbar, File Explorer, and more. However, many users receive this Trojan warning about HackTool:Win64/ExplorerPatcher!MTB. Why does that happen

Is Core Isolation Blocked by ew_usbccgpfilter.sys? Here Are Fixes! Is Core Isolation Blocked by ew_usbccgpfilter.sys? Here Are Fixes! Apr 13, 2025 am 12:47 AM

Many SurfaceBook users report that they meet the “core isolation blocked by ew_usbccgpfilter.sys” issue on Windows 11/10. This post from php.cn helps to fix the annoying issue. Keep on your reading.

Fixdisk Windows 7: Check Your Hard Disk for Errors on Windows 7 Fixdisk Windows 7: Check Your Hard Disk for Errors on Windows 7 Apr 14, 2025 am 12:40 AM

If you suspect your hard drive encounters issues, you can check the drive for errors on Windows 7. This php.cn post talks about fixdisk Windows 7. You can follow the guide to check the hard drive for errors on Windows 7.

How to Install Windows X-Lite Optimum 11 23H2 Home/Pro via ISO How to Install Windows X-Lite Optimum 11 23H2 Home/Pro via ISO Apr 09, 2025 am 12:49 AM

Windows X-Lite Optimum 11 23H2 Home or Optimum 11 Pro could be your option if you need a custom lite system based on Windows 11 23H2. Go on reading and php.cn will show you how to download Optimum 11 23H2 ISO and install Pro or Home on your PC.

Effortles Fixes for Black Screen After Installing a Graphics Driver Effortles Fixes for Black Screen After Installing a Graphics Driver Apr 15, 2025 am 12:11 AM

Have you ever encountered a black screen after installing a graphics driver like an Nvidia driver in Windows 10/11? Now in this post from php.cn, you can find a couple of worth trying solutions to the Nvidia driver update black screen.

Win 11 Builds 22621.3078 and 22631.3078 (KB5034204) Released Win 11 Builds 22621.3078 and 22631.3078 (KB5034204) Released Apr 05, 2025 am 01:35 AM

Want to know the new improvements and bug fixes in Windows 11 KB5034204? Want to how to get Windows 11 KB5034204 on your device? In this post, php.cn Software will introduce the information you want to know.

See all articles