用js实现一个按钮在24小时内只能点击一次

在JavaScript中，我们可以利用Set数据结构以及Date对象来实现一个按钮在24小时内只能点击一次的功能。这里是一个简单的示例：

let clicked = new Set(); // 存储已经点击过的按钮

function oneTimeClickBtn() {
    const now = new Date();
    const midnightTomorrow = new Date(now.getTime() + (24 * 60 * 60 * 1000)); // 明天凌晨时间

    if (clicked.has(this)) { // 如果按钮已经被点击过
        if (now < midnightTomorrow) { // 如果点击时间还在24小时内
            console.log('您已经点击过了，等待到明天');
        } else { // 超出24小时，允许再次点击
            clicked.delete(this); // 删除之前记录
            clicked.add(this); // 记录当前点击
            console.log('现在可以点击');
        }
    } else { // 首次点击
        clicked.add(this); // 记录点击
        console.log('现在可以点击');
    }
}

// 给按钮添加事件监听
document.getElementById('yourButtonId').addEventListener('click', oneTimeClickBtn);

在这个例子中，我们首先检查按钮是否已经在`clicked`集合中。如果在，就判断当前时间是否超过昨天晚上12点，如果没有超过，则提示用户需要等到明天；如果超过了，我们就删除之前的记录并允许再次点击。如果按钮首次点击，我们会将其添加到集合中。