使用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创建一个时钟
  • Navicat for MySQL如何备份和还原数据
  • jquery在visual studio2017中如何使用
  • 如何进行HTML 布局
  • navicat写代码怎么不提示
  • css3鼠标悬停文字标题切换对应内容
  • 热门搜索
    庆十一手抄报 关于古诗词的手抄报 手抄报花边又漂亮 好看的手抄报图片大全 我的寒假我做主手抄报 关于校园的手抄报 清明祭奠英烈手抄报 四年级科普手抄报 勤俭廉政手抄报内容 防火防震手抄报