Untitled

<html>

<head>
<meta http-equiv="Content-Language" content="en">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>Your Page Title</title>

<!--
Call jQuery because our locker needs it
 -->

<script type="text/javascript"
    src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js">
</script>

</head>


<body>

<!--
Declare yourFunction
-->

<script type="text/javascript" language="javascript">
function yourFunction(){
    document.getElementById('yourfirDiv').style.display='block';
    document.getElementById('yoursecDiv').style.display='none';
}
</script>

<p>&nbsp;</p>

<p>&nbsp;</p>
<p>&nbsp;</p>
<p align="center">
<h3 align="center"><font color="#0198F1">Welcome</font></h3>
<p>

<!--
Place the OnClick Link within yoursecDiv.  Declare your OnClick Link and set timeout to 3 secs, expressed as 3000 millisecs, to execute yourFunction and swap divs, hiding yoursecDiv and displaying yourfirDiv. Replace yourlockerurl and guid inside single quotes where shown below.
 -->

<div id="yoursecDiv" style="display:block;"><a href="javascript:void(0)" onclick="var fileref=document.createElement('script');fileref.setAttribute('type','text/javascript'); fileref.setAttribute('src', 'http://yourlockerurl.js?guid=123456789');document.body.appendChild(fileref); setTimeout(yourFunction, 3000);">TEST</a></div>

<!--
Place the Real Link within yourfirDiv which is set to not display until yourFunction has been executed.
 -->

<div id="yourfirDiv" style="display:none;"><a href="http://www.google.com">TEST</a></div>

</body>

</html>