带时间条件的HTML按钮

Question

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

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

谢谢大家...

Answer 1

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

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

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

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

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

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

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date

在JavaScript中获取当前日期和时间

Answer 2

也许是这样的？

超文本标记语言：

<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，则将按钮的disabled属性设置为false。