使用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鼠标悬停文字标题切换对应内容
  • 热门搜索
    绿茶有什么好处 防火安全知识 peak什么意思 苦菊的功效与作用 藕断丝连什么意思 藏红花的功效与作用及禁忌 玉米粥的功效与作用 运动会稿件100字 什么是套期保值 森林的作用