DW简单实现“时间显示”案例

DW简单实现“时间显示”案例

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

开发工具与关键技术： JavaScript

作者：小益.

初始效果展示：

点击“开始”后效果展示：

当鼠标点击“开始”会开始当前的时间，而点击“暂停”时就会停止在当前的时间

在这看图片看不出这种效果，下面会有这个案例的所有代码，感兴趣的同学可以自己去写出来

源代码：

Css：

JavaScript：

讲解：

HTML：源代码这里也就几行，只用了两个盒子搭建起一个页面，只需要给这些盒子设置一些类和ID就行了

Css：整个页面用到的样式代码很少，基本上都是一些基础的代码，添加一张背景图片，然后再设置文字的样式，最后再设置边距的距离，基本上样式的代码就是这样子的了

JavaScript：先声明第1中的两个变量，为什么要在这里声明两个变量呢？因为这个案例有个bug，就是连续点击“开始”按钮，然后再点击“暂停”按钮时不会停止，所以要在这地方声明两个变量，然后声明两个按钮的点击事件，再用if else来实现按钮的开始和暂停，第2是声明“年月日时分秒”，里面的“（month）月”为什么要+1呢？因为月的值是从0到11的，所以在这里要+1，然后第3是实现“年月日时分秒”为两位数的，最后一部分是获取HTML文档中的代码

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