如何让按钮自动显示当前星期几?
实现按钮自动显示当前星期几
完全可以实现,用 JavaScript 就能轻松搞定。下面是完整的示例代码:
<button class="button">Conquer Monday</button> <script> // 定义星期几的英文数组,注意 getDay() 返回0对应周日,1对应周一,以此类推 const weekDays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']; // 获取当前日期 const today = new Date(); // 拿到当前星期几的索引 const dayIndex = today.getDay(); // 获取按钮元素 const button = document.querySelector('.button'); // 替换按钮文本,保留前缀"Conquer ",加上当前星期几 button.textContent = `Conquer ${weekDays[dayIndex]}`; </script>
代码说明
new Date():获取当前系统日期和时间getDay():返回0到6的数字,分别对应周日到周六- 提前定义好包含所有星期英文名称的数组,通过索引匹配到当前的星期几
- 修改按钮的
textContent属性,替换掉原有的"Monday"
内容的提问来源于stack exchange,提问作者gjjr
相关产品推荐
相关产品推荐

