Rumah > Artikel > hujung hadapan web > 简单小示例（JS实现网页时钟）
简单小示例（JS实现网页时钟）
- 亚连asal
- 2018-05-18 15:08:211873semak imbas
下面是我给大家整理的利用JS实现网页时钟的示例，有兴趣的同学可以去看看。
<!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>上面是我整理给大家的，希望今后会对大家有帮助。
相关文章：
详解webpack-dev-server的简单使用_javascript技巧
Atas ialah kandungan terperinci 简单小示例（JS实现网页时钟）. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：关于Javascript的作用域 作用域链（图文教程，一目了然）Artikel seterusnya：利用JS操作JSON常用方法（实用，图文教程）