带有时间条件的 HTML 按钮答案

【问题标题】：HTML Button with time condition带有时间条件的 HTML 按钮
【发布时间】：2021-10-04 03:40:12
【问题描述】：

我希望在特定时间后打开一个带有链接的 html 按钮。

例如，带有链接 www.google.com 的 按钮将在 04/10/2021 08:30pm +0530 GMT 之后打开

谢谢大家..

【问题讨论】：

标签： html button

【解决方案1】：

也许是这样的？

HTML：

<button id="my_button" type="button" disabled>Hello World!</button>

Javascript：

var d1 = new Date();
var d2 = new Date('2021-10-05');
if (d1 >= d2) document.getElementById('my_button').disabled = false;

这将比较两个 Date() 变量，如果 d1 等于或大于 d2，它将设置禁用属性按钮设为 false。

【讨论】：

【解决方案2】：

一种方法是先禁用按钮，然后在确切的日期和时间匹配时使用 js 启用它

<button type="button" id="myBtn" disabled">Please wait...</button>

现在我们可以使用 js 首先获取一个对象到我们的按钮元素，然后使用 Date() 构造函数来匹配我们输入的确切日期和时间，从而启用按钮

var myBtn = document.getElementById('myBtn');
var currenttime = new Date(); //Date object

我们现在可以使用 Date 对象以我们的格式获取当前时间，然后从按钮中删除禁用属性

if (currenttime === giventime)  $("#myBtn").removeAttr("disabled");

【讨论】：