btn_appear_disappear

btn_appear_disappear.markdown

btn_appear_disappear

A Pen by George Pligoropoulos on CodePen.

License.

index.html

<script src="script.js" />

<div>Ok</div>

script.js

// Set the time in milliseconds for how long the button should appear
const buttonTimeout = 3000;

// Set the time in milliseconds for how long the button should disappear after being clicked
const hideTimeout = 7000;

// Create the button element
const button = document.createElement("button");


// Make the button appear after a few seconds
setTimeout(function() {
  button.style.display = "block";
  button.innerHTML = "Hi Me";
  button.id = 'mybutton';

// Add a click event listener to the button
button.addEventListener("click", function() {
  console.log("Button was clicked!");
});

// Add the button to the page
  document.body.appendChild(button);
}, buttonTimeout);


  setTimeout(function() {
    button.style.display = "none";
    button.parentNode.removeChild(button);
  }, hideTimeout);