Waiting five secsonds before doing somthing 1

ChrisMacPherson · Dec 3, 2002

Hello,

I am trying to make some games for little people and what I am trying to do is to have a hidden layer on a page and when the mouse is over it for at least 5 seconds it should appear.

If the mouse is not held over the layer for at least 5 seconds then nothing should happen.

Any ideas about how this should be done, or can it be done?

Thanks for any help...
Chris MacPherson
macpweb@hotmail.com

jemminger · Dec 3, 2002

hi Chris,

here's an example:
[tt]
<html>
<head>
<title></title>

<script language="javascript">
var timer;

function start() {
timer = window.setTimeout("document.getElementById('target').style.visibility = 'visible';",5000);
}

function stop() {
window.clearTimeout(timer);
}
</script>

<style type="text/css">
#container {
height:200px;
width:200px;
padding:10px;
border:1px solid black;
}
#target {
visibility:hidden;
background-color:#cccccc;
padding:5px;
width:100%;
height:100%;
}
</style>

<meta http-equiv="Pragma" content="no-cache">

</head>

<body>
<form>
<div id="container" onmouseover="start();" onmouseout="stop();">
<div id="target">target</div>
</div>
</form>
</body>
</html>

[/tt]
=========================================================
if (!succeed) try();
-jeff

ChrisMacPherson · Dec 3, 2002

Thanks a lot jemminger,

You've just saved me a good couple of hours that I dont have.

Cheers

Chris MacPherson

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Waiting five secsonds before doing somthing 1

ChrisMacPherson

Programmer

jemminger

Programmer

ChrisMacPherson

Programmer

Similar threads

Part and Inventory Search

Sponsor