bottom的用法与实例

bottom的用法与实例

定义:在html中<botton>标签是很常用的,经常用来在页面中添加按钮。<botton>标签是用来定义一个按钮,在该标签中可以放置一些内容(文本、图像等)。<input>标签也可以使用来定义按钮,但是它是一个空标签(没有元素内容),不能放置元素内容,所以它的功能没有<button>标签强大。

案例:我们可以使用<botton>标签来做一个通过点击显示时间的功能

bottom的用法与实例

 

 

现在我们可以点击按钮显示时间了,但还不够。现在时间不能实时改变,为了用户体验,我们可以加一个定时器,让它每一秒变化一次。

bottom的用法与实例

 

 

这样时间就能实时改变了,在这里提一句我在show()方法中单独调用了一次timer()方法,目的是让客户点击后立刻反应,在setInterval方法设置为1s一次,点击按钮后等一秒才能反应,这样用户体验很是不太好的。

 

上一篇:刷题日记(6. Z 字形变换)


下一篇:小井的前端面试(给我个offer吧)