使用JavaScript创建一个时钟

 时间:2026-02-15 21:25:52

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

使用JavaScript创建一个时钟

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

使用JavaScript创建一个时钟

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

使用JavaScript创建一个时钟

4、细节讲解2——starttime函数:页面加载后执行脚本文件内的函数 starttime();使用 Date() 获取当前日期;使用 getHours() 获取当前小时;使用 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鼠标悬停文字标题切换对应内容
  • 热门搜索
    海涛旅游官网 锦溪古镇旅游攻略 土耳其旅游局 最近国内旅游报价 澳大利亚 旅游签证 旅游管理专业前景 广州旅游博览会 漳州火山岛旅游攻略 衡山旅游网 额济纳旗旅游攻略