实现时间和日期的显示

实现时间和日期的显示

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术： DW

作者：韩日九儿

撰写时间：2021/5/18

 

1.点击开始能够实现时间和日期的显示，这里的时间和日期是当前的时间和日期。

 

2.点击开始获取当前时间和日期，点击暂停时间和日期暂停，这个是可以循环的。

 

3.视图开始的结构如下。

 

 

4.这里用到了时间对象Date的创建。

 

5.以下是HTML的基本结构可参考如下。

 

 

 

 

6.如下是css样式可参考。

 

 

7.如下是JavaScript样式。

8.在JavaScript中给按钮绑定点击事件，点击按钮start可以使时间以1s的间隔计时，点击按钮stop可以使时间停止。

9.showTime()是时间参数的函数，点击按钮可以调用函数showTime()，从而获取时间和日期。

10.符号1，可以实现按钮连续点击后，点击暂停不可以暂停的BUG。

11.函数showTime()如下。

12.最后的结果如下，大家也动手试试吧！

 

 

13.这是我所学到的实现时间和日期显示的步骤，所以我要分享给你们，希望可以帮助到你们。

以上就是我的分享，新手上道，请多多指教。