实时时间显示

先来看一下代码部分

HTML部分就是一个div里面包裹两个button按钮（注意，button的type要设置为button值，不然button默认的是一个提交按钮）和两个b标签

Css就根据自己的喜欢，设置属性就行了

js部分的代码，就是通过绑定点击事件，绑定到button按钮，可以点击“开始”和“暂停”，然后声明一个变量，通过索引值，使得日期和时间在b标签显示。

还有要注意的是，因为时间和日期在显示个位数的时候，就单单的只有一位数，因此，在这里要做一个判断，判断月、日、时、分、秒在显示个位数时，是否小于或者等于9.如果小于或者等于的话，就在前面加个“0”，否则就只是原值，最后再来一个字符串的拼接。（还有的就是提示框，例如我点击了开始，如果再次点击的话，就会弹出一个“已经开始了”的提示框，暂停也是一样的）

最后效果图如下

如图所示，上面可以显示精准的日期、时间，提示框也可以正常的显示。

当然，方法也不止只有这一种，还有其他的在这里就不一一展示了，这种方法也不难，感兴趣的可以自己动手尝试一下，平时随便敲一敲玩玩也行。