 <p><div class="snippet" data-lang="js" data-hide="false"> <div class="snippet-code"> <pre class="snippet-code-js lang-js prettyprint-override"><code>setTimeout(function() { window.location.href = "/NewPage.aspx"; }, 2000);</code></pre> <pre class="snippet-code-css lang-css prettyprint-override"><code>.wrapper { background-color: red; width: 100%; -webkit-animation-name: example; /* Chrome, Safari, Opera */ -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */ animation-name: example; animation-duration: 2s; } @-webkit-keyframes example { 0% { opacity: 100; filter: alpha(opacity=1000); /* For IE8 and earlier */ } 100% { opacity: 0.0; filter: alpha(opacity=0); /* For IE8 and earlier */ } } /* Standard syntax */ @keyframes example { 0% { opacity: 100; filter: alpha(opacity=1000); /* For IE8 and earlier */ } 100% { opacity: 0.0; filter: alpha(opacity=0); /* For IE8 and earlier */ } }</code></pre> <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt; &lt;div class='wrapper'&gt; &lt;div&gt;Home Page&lt;/div&gt; &lt;/div&gt;</code></pre> </div> </div> </p>