首页 > 软件开发 > 编程语言 >

使用JavaScript创建一个时钟

来源:互联网 2023-03-17 00:16:13 82

使用JavaScript创建一个数字时钟Gpz办公区 - 实用经验教程分享!

工具/原料

  • 浏览器
  • html编辑器

方法/步骤

  • 1

    html代码——body>部分Gpz办公区 - 实用经验教程分享!

    使用JavaScript创建一个时钟Gpz办公区 - 实用经验教程分享!

  • 2

    html代码——script>部分Gpz办公区 - 实用经验教程分享!

    使用JavaScript创建一个时钟Gpz办公区 - 实用经验教程分享!

  • 3

    细节讲解1——onload事件: onload事件指的是页面加载后立即执行一个函数,在这里立即执行的是 starttime() 函数Gpz办公区 - 实用经验教程分享!

    使用JavaScript创建一个时钟Gpz办公区 - 实用经验教程分享!

  • 4

    细节讲解2——starttime函数:页面加载后执行脚本文件内的函数 starttime();使用 Date() 获取当前日期;使用 getHours() 获取当前小时;使用 getMinutes() 获取当前分钟;使用 getSeconds() 获取当前秒数Gpz办公区 - 实用经验教程分享!

    使用JavaScript创建一个时钟Gpz办公区 - 实用经验教程分享!

  • 5

    细节讲解3——checktime函数:checktime() 函数的意思是当小时、分钟、秒数小于10时,自动在数字前面加上0这个数字Gpz办公区 - 实用经验教程分享!

    使用JavaScript创建一个时钟Gpz办公区 - 实用经验教程分享!

  • 6

    细节讲解4——setTimeout函数:setTimeout(function(){starttime()},1000)这个函数的意思是在1000毫秒后重新执行函数 starttime() ,这样的话就可以持续性输出值,以形成时钟的形式Gpz办公区 - 实用经验教程分享!

    使用JavaScript创建一个时钟Gpz办公区 - 实用经验教程分享!

  • 6本页面未经许可获取自百度经验
  • 注意事项

    • setTimeout、getHours、getMinutes、getSeconds这些函数都是系统定义的,无法更改
    • 一定要注意函数中的某些字母是大写的,那是该函数的形式,无法更改

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!Gpz办公区 - 实用经验教程分享!


    标签: JAVASCRIPT编程语言HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码