You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何让按钮自动显示当前星期几?

实现按钮自动显示当前星期几

完全可以实现,用 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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.17 09:34:54