Maison > interface Web > js tutoriel > le corps du texte

Exemple simple (JS implémente l'horloge Web)

亚连
Libérer: 2018-05-18 15:08:21
original
1936 Les gens l'ont consulté

Ce qui suit est un exemple d'utilisation de JS pour implémenter une horloge Web que j'ai compilée pour vous. Les étudiants intéressés peuvent y jeter un œil.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>网页时钟</title>
<script type="text/javascript">
function displayTime(){
//1.获取div元素
var timeDiv=document.getElementById("timeDiv");
//2.获取系统当前时间
var nowTime=new Date();
var strNowTime=nowTime.toLocaleString();
//3.将系统时间设置到div元素中
timeDiv.innerHTML=strNowTime;
}
//每隔1秒调用一次displayTime函数
function start(){
window.setInterval("displayTime()",1000)//单位是毫秒
}
</script>
</head>
<!--  body onload:当整个html页面加载完成后执行此函数  -->
<body onload="start();">
<div id="timeDiv"></div>
</body>
</html>
Copier après la connexion

J'ai compilé ce qui précède pour vous, j'espère que cela vous sera utile à l'avenir.

Articles associés :

Explication détaillée du principe de fonctionnement de la fermeture de Javascript

Explication détaillée de webpack-dev -Utilisation simple des compétences server_javascript

Explication détaillée de cet attribut en javascript

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal