Timer on dropdown

Posted on 2012-04-04
Last Modified: 2012-04-04

Please have a look at my script:

How does I set a timer, so the dropdown is shown after 1 second when mouseover "dwopdown" text?
Question by:bongii
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
  • 2
LVL 25

Expert Comment

by:Luis Pérez
ID: 37806067
I think you can't do this based only on CSS, if you want your 1 second delay you must do it with javascript.

To set a delay is easy with the setTimeout function,

window.setTimeout("myFunction(myparams)", 1000) //1 second delay

But then you must not use exclusively css (set display:block on hover).

Hope that helps.

Author Comment

ID: 37807738
Hi Roland.
I know the timeout function, but I don´t see how to integrate a jquery in the script.

I know it´s not possible only with css, that´s why I posted the question in the Javascript category :)

Accepted Solution

Atique Ansari earned 500 total points
ID: 37809597
I have changed your CSS a little and added the jquery code. Now it shows the drop down after one second.

Please go to below URL for the same.

Let me know if you need more help.


Author Comment

ID: 37809681
Thank you very much :)

Expert Comment

by:Atique Ansari
ID: 37809698

Featured Post

Space-Age Communications Transitions to DevOps

ViaSat, a global provider of satellite and wireless communications, securely connects businesses, governments, and organizations to the Internet. Learn how ViaSat’s Network Solutions Engineer, drove the transition from a traditional network support to a DevOps-centric model.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Provide the IDEA of External JS 1 40
Html split(text) Part2 6 25
Boolean 13 24
Diff of the day 2 10
I found this questions asking how to do this in many different forums, so I will describe here how to implement a solution using PHP and AJAX. The logical flow for the problem should be: Write an event handler for the first drop down box to get …
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

726 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question