用vue实现一个简单的网页桌面时钟,主要包括时钟显示、计时、暂停、重置等几个功能。 效果图如下,页面刚进来的时候是一个时钟,时钟上显示的时、分、秒为当前实际时间,点击计时器按钮后,页面变成一个计时器,并且计时器按钮被暂停与重置两个按钮替代,分别对计时器进行暂停和重置,若点击时钟按钮会切换回时钟界面。 代码如下: <!DOCTYPE html> <html> <head> <meta charset=utf-8> <title>时钟</title> <style type=text/css> .clock { width: 400px;
本内容试读结束,登录后可阅读更多
下载后可阅读完整内容,剩余3页未读,立即下载
评论0
最新资源