手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

使用JavaScript创建一个时钟

时间:2024-10-12 17:42:00

1、html代码——<body>部分

使用JavaScript创建一个时钟

2、html代码——<script>部分

使用JavaScript创建一个时钟

3、细节讲解1——onload事件: onload事件指的是页面加载后立即执行一个函数,在这里立即执行的是 starttime() 函数

使用JavaScript创建一个时钟

4、细节讲解2——衡痕贤伎starttime函数:页面加载后执行脚本文件内的函数 starttime();使用 Date() 获取当前日期;使用 g髫潋啜缅etHours() 获取当前小时;使用 getMinutes() 获取当前分钟;使用 getSeconds() 获取当前秒数

使用JavaScript创建一个时钟

5、细节讲解3——checktime函数:checktime() 函数的意思是当小时、分钟、秒数小于10时,自动在数字前面加上0这个数字

使用JavaScript创建一个时钟

6、细节讲解4——衡痕贤伎setTimeout函数:setTimeout(function(){starttime()},1000)这个函数的意思是在1000毫秒后重新执行函数 starttime() ,这样的话就可以持续性输出值,以形成时钟的形式

使用JavaScript创建一个时钟
© 手抄报圈