向Javascript倒计时添加按钮

我对Javascript非常陌生，对它不太了解。然而，我已经成功地创建了一个倒数计时器，它可以像我希望的那样工作。这很简单，但它基本上是一个计时器，倒计时到一个特定的日期，然后一旦达到指定的日期和时间，它就会显示我可以自定义的文本。 我希望这个代码能够显示一个超链接按钮，一旦倒计时达到零。以下是我目前掌握的代码：

//确定我们倒计时的日期 var countDownDate=new DateDate.now+20000.getTime； //每1秒更新一次倒计时 var x=setIntervalfunction{ //获取今天的日期和时间 var now=new Date.getTime； //找出现在和倒计时日期之间的距离 var距离=倒计时日期-现在； //天、小时、分钟和秒的时间计算 var天数=数学楼层间距/1000*60*60*24； var小时数=数学楼层间距%1000*60*60*24/1000*60*60； var minutes=Math.floordistance%1000*60*60/1000*60； var秒数=Math.floordistance%1000*60/1000； //在id=demo的元素中输出结果 document.getElementByIddemo.innerHTML=天+天，+小时+小时+ 分+分，&+秒+秒； //如果倒计时结束，写一些文字 如果距离<0{ clearIntervalx； document.getElementByIddemo.innerHTML=我们在Facebook上直播！； } }, 1000;

在innerHTML属性中，您可以传递一个HTML标记，如

<a href="...">
  <button> YOUR TEXT </button> 
</a>

在innerHTML属性中，可以传递一个HTML标记，如

<a href="...">
  <button> YOUR TEXT </button> 
</a>

---

只需将HTML添加到正在设置的字符串中：

//确定我们倒计时的日期 var countDownDate=new DateDate.now+20000.getTime； //每1秒更新一次倒计时 var x=setIntervalfunction{ //获取今天的日期和时间 var now=new Date.getTime； //找出现在和倒计时日期之间的距离 var距离=倒计时日期-现在； //天、小时、分钟和秒的时间计算 var天数=数学楼层间距/1000*60*60*24； var小时数=数学楼层间距%1000*60*60*24/1000*60*60； var minutes=Math.floordistance%1000*60*60/1000*60； var秒数=Math.floordistance%1000*60/1000； //在id=demo的元素中输出结果 document.getElementByIddemo.innerHTML=天+天，+小时+小时+ 分+分，&+秒+秒； //如果倒计时结束，写一些文字 如果距离<0{ clearIntervalx； document.getElementByIddemo.innerHTML=； } }, 1000;

---

只需将HTML添加到正在设置的字符串中：

//确定我们倒计时的日期 var countDownDate=new DateDate.now+20000.getTime； //每1秒更新一次倒计时 var x=setIntervalfunction{ //获取今天的日期和时间 var now=new Date.getTime； //找出现在和倒计时日期之间的距离 var距离=倒计时日期-现在； //天、小时、分钟和秒的时间计算 var天数=数学楼层间距/1000*60*60*24； var小时数=数学楼层间距%1000*60*60*24/1000*60*60； var minutes=Math.floordistance%1000*60*60/1000*60； var秒数=Math.floordistance%1000*60/1000； //在id=demo的元素中输出结果 document.getElementByIddemo.innerHTML=天+天，+小时+小时+ 分+分，&+秒+秒； //如果倒计时结束，写一些文字 如果距离<0{ clearIntervalx； document.getElementByIddemo.innerHTML=； } }, 1000;

---

您可以创建一个HTML按钮元素，其中包含指向您试图指向的页面的链接。确保你给按钮一个'demo'的ID，这样它就可以与你当前的代码一起工作

<button id="demo" onclick="window.location.href = 'https://www.facebook.com/';">We're live on Facebook!</button>

---

您可以创建一个HTML按钮元素，其中包含指向您试图指向的页面的链接。确保你给按钮一个'demo'的ID，这样它就可以与你当前的代码一起工作

<button id="demo" onclick="window.location.href = 'https://www.facebook.com/';">We're live on Facebook!</button>

在html中，在p之后添加一个按钮和一个dd类以最初隐藏它

<p id="demo" class="countdown-live" style="text-align:center;"></p>
<button id='liveButton' type='button' class='hide'>Your Text</button>

在js中，当我达到0时，删除该类

if (distance < 0) {
    clearInterval(x);
    document.getElementById("liveButton").classList.remove('hide')
    document.getElementById("demo").innerHTML = "We're Live on Facebook!";
  }

在html中，在p之后添加一个按钮和一个dd类以最初隐藏它

<p id="demo" class="countdown-live" style="text-align:center;"></p>
<button id='liveButton' type='button' class='hide'>Your Text</button>

在js中，当我达到0时，删除该类

if (distance < 0) {
    clearInterval(x);
    document.getElementById("liveButton").classList.remove('hide')
    document.getElementById("demo").innerHTML = "We're Live on Facebook!";
  }

---

您需要创建如下按钮：

<button id="myButton" style="display:none"><a href="example.com">Button Text</a></button>

---

您需要创建如下按钮：

<button id="myButton" style="display:none"><a href="example.com">Button Text</a></button>

你可以试试这个：

document.getElementById("demo").innerHTML = "<a href='https://www.youUrl.com'>We're Live on Facebook!</a>";

对于不可见的：

document.getElementById("yourID").style.visibility = "visible";

document.getElementById("main").style.visibility = "hidden";

我希望这对您有所帮助。

您可以尝试以下方法：

document.getElementById("demo").innerHTML = "<a href='https://www.youUrl.com'>We're Live on Facebook!</a>";

对于不可见的：

document.getElementById("yourID").style.visibility = "visible";

document.getElementById("main").style.visibility = "hidden";

---

希望这对您有所帮助。

因此，请更改显示文本的行。document.getElementByIddemo.innerHTML=我们在Facebook上直播！；我看你没有试图解决这个问题。所以请更改显示文本的行。document.getElementByIddemo.innerHTML=我们在Facebook上直播！；我看不出有人企图伤害你

---

你有责任解决这个问题。这很有效。有点生我的气就这么简单，哈哈。非常感谢。这很有效。有点生我的气就这么简单，哈哈。非常感谢。innerHTML不是一个函数。确切地说，它是一个属性。我的错；innerHTML不是一个函数。确切地说，它是一个属性。我的错；