Redirecting to another web-page with a message [on hold]

Question

I have a use case where I want to redirect to a external link(xxx) on click of a button. The UX which I want is while redirecting to a another webpage,it should show “You are being redirected to xxx site”.

“You are being redirected to xxx site”: This content is actually a html file.

Is there any way to achieve this?

Answer 1

Referring to your comment , try the following javascript code:

button = document.getElementById('BUTTONID')
button.onclick = function() {
  document.body.innerHTML = '<p>You're being redirected</p>';
  setTimeout(function() {
  window.location = "http://www.yoururl.com";
 }, 3000)
}

On button click, it will clear the page content, show You're being redirected text and redirect to yoururl after 3 seconds.