JavaScript自动更新时间显示

 时间:2024-10-12 16:49:45

1、首先打开sub盟敢势袂lime编辑器,写入网页的基本结构以及时间显示的地方,并写<script>标签为js作用地方

JavaScript自动更新时间显示

3、获取显示位置的div盒子,并使用setTimeout()函数定时500毫秒定时执行start()函数

JavaScript自动更新时间显示

4、可以发现在运行过程中,时间在10秒以内位数都是以一位进行显示,不腿发滏呸符合我们想要的效果,自定义checktime(time)函数,当小于10的时候,秒和分钟就会前一位添加&quo墉掠载牿t;0",并返回传入的时间

JavaScript自动更新时间显示

6、右击sublime编辑器,选择open in browser在网页中打开运行

JavaScript自动更新时间显示

7、总结: 在使用js显示时间分为三部分: 1.获取时间使用new Date() 2.获取显示的div的位置,将数据使用innerHTML显示位置 3.再使用补零的方式进行补全10以内的个位显示

  • css如何给文本加颜色
  • HTML怎么实现网页跳转
  • css如何只设置一个html元素的上下边框
  • mysql怎么创建表
  • hbuilderx怎么设置向下插入空行
  • 热门搜索
    开封旅游攻略 甘南旅游 旅游保险网 贵州旅游景点 河北旅游 旅游安全 山西旅游 北京五一旅游 三亚旅游景点 旅游景区