Skip to content

Instantly share code, notes, and snippets.

@neodigm

neodigm/vanilla_js_redirect_timout.html

Created June 9, 2021 23:57
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save neodigm/7059c17d3eb98d6e4f4450383f6b3f2d to your computer and use it in GitHub Desktop.
Save neodigm/7059c17d3eb98d6e4f4450383f6b3f2d to your computer and use it in GitHub Desktop.
Download ZIP
Raw
vanilla_js_redirect_timout.html
<!DOCTYPE html>
<!-- Display a 10 second countdown then client redirect to home page -->
<html>
<head>
<title>Expired Redirect</title>
</head>
<body>
<style>
.exp--p {
font-family: sans-serif;
font-size: 1.6em !important;
text-align: center;
color: #444;
}
.exp--p__time {
font-family: serif;
font-size: 68px !important;
text-align: center;
color: #888;
margin: 16px;
}
</style>
<h2>Three.js 🚀 TypeScript 🍭 WASM ✨ Go</h2>
<br><br>
<p class="exp--p">Sorry, this promotion has expired. Please check back soon for more exciting fundraising opportunities.</p>
<br><br>
<p class="exp--p">Going Home in</p>
<p id="id-exp--p__time" class="exp--p__time">10</p>
<p class="exp--p">Seconds</p>
<script>
var el = document.getElementById("id-exp--p__time")
var nCnt = 10
setInterval( doTimer, 1000)
function doTimer(){
if( nCnt > 1){
el.innerHTML = --nCnt
}else{
document.location.href = "/"
}
}
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment