Maison > Article > interface Web > Exemple simple (JS implémente l'horloge Web)

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

亚连original: 2018-05-18 15:08:211919parcourir

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>

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!

Déclaration：

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

Article précédent：À propos de la portée de la chaîne de portée Javascript (tutoriel image et texte, clair en un coup d'œil)Article suivant：À propos de la portée de la chaîne de portée Javascript (tutoriel image et texte, clair en un coup d'œil)

Articles Liés

Voir plus