导读 大家好！今天来分享一个超有趣的前端小项目——点击按钮显示时间！🌟这是一个用HTML和JavaScript制作的小工具，点击按钮后会实时显示当前时...
大家好！今天来分享一个超有趣的前端小项目——点击按钮显示时间！🌟这是一个用HTML和JavaScript制作的小工具，点击按钮后会实时显示当前时间。它不仅简单易懂，还能帮助初学者快速掌握基本的交互逻辑哦！⏱️
首先，你需要创建一个HTML文件，添加一个按钮和一个用来展示时间的区域。比如这样：
```html
```
然后，在JavaScript部分编写逻辑。当用户点击按钮时，通过`Date`对象获取当前时间，并将其显示在页面上。代码如下：
```javascript
document.getElementById('showTimeBtn').addEventListener('click', function() {
const now = new Date();
document.getElementById('timeDisplay').textContent = now.toLocaleTimeString();
});
```
是不是超级简单？🎉这个小功能不仅能提升你的编程技能，还非常适合用于网页设计中的动态效果展示。快来试试吧，动手做一做，你会发现编程的乐趣无穷大！🚀
