vue简单练习 桌面时钟的实现代码实例
用vue实现一个简单的网页桌面时钟,主要包括时钟显示、计时、暂停、重置等几个功能。 效果图如下,页面刚进来的时候是一个时钟,时钟上显示的时、分、秒为当前实际时间,点击计时器按钮后,页面变成一个计时器,并且计时器按钮被暂停与重置两个按钮替代,分别对计时器进行暂停和重置,若点击时钟按钮会切换回时钟界面。 代码如下: <!DOCTYPE html> <html> <head> <meta charset=utf-8> <title>时钟</title> <style type=text/css>
用户评论