时间戳

首页 > 解决方案 > 如何让按钮在点击时消失

javascript - 如何让按钮在点击时消失

问题描述

这是我的代码

 function show() {
          var today = new Date();
          var h = today.getHours();
          var m = today.getMinutes();
          if (h < 10) h = "0" + h;
          if (m < 10) m = "0" + m;
          document.getElementById("pressbtn1").innerHTML  = h+":"+m;
        }
<html>
      <button id="pressbtn1" onClick="show()">Press</button>
  
 </html>

如何使按钮在点击时消失，我只想显示时间，而不是按钮上的时间

标签： javascripthtmlcss

解决方案

您可以使用基本 CSS 删除默认按钮样式。

var button = document.getElementById("pressbtn1");

function show() {
  var today = new Date();
  var h = today.getHours();
  var m = today.getMinutes();
  if (h < 10) h = "0" + h;
  if (m < 10) m = "0" + m;
  button.innerHTML = h + ":" + m;
  button.classList.add('hasTime');
}
.hasTime {
  background: #fff;
  border: none;
  outline: none;
}
<button id="pressbtn1" onClick="show()">Press</button>

推荐阅读