timeout - Auto hide and show div after 2 seconds -


I am very new to these types of scripts and would be very grateful for any help.

I have 3 rotating divs and want div1 to show for 2 seconds, then div2 to show for 2 seconds, then show div3 to 2 seconds and then the whole cycle I have to start from the beginning, there is a divis at one time while the other two is hidden. I would like to get rid of the click to start the function, but as soon as I go to the page to start the cycle.

I basically got the code from the following posts I got to work

jquery .fadein () and .fadeout () or .css ('display', 'none') and Use window.setInterval (FunctionName, 2000);

The function you enter in the first parameter every two seconds will run. Create a variable that you want to show about which Divis When Variable 3 goes, then you reset it to 1, so the process continues infinitely.

Edit:

Style: 

  div {width: 500px; Height: 500px; Margin-left: 50px; Border: 1 px solid black; Swim left; Opacity: 0; } # Div3 {Opacity: 1; } Div: nth-child (Strange) {background: #dad; } Div: nth-child (even) {background: # a55; }   
 jquery / js:  
  var index = 1; Window.setInterval (ChangeWizibleDive, 2000); Change functionWidth () {var nextIndex = Index + 1; Var prevIndex = index - 1; // reset to 4, not 3, because then 3 DV will never be faded if (index == 4) next index = 1; // Unlike the story here as above (index == 1) prevIndex = 3; $ (("# Div" + prevIndex)). CSS ('Opacity', 0); $ (("# Div" + Next Index)). CSS ('Opacity', 0); $ (("# Div" + index)). CSS ('Opacity', 1); Index ++; // reset to 4, not 3, because then 3 DV will never fade if (index == 4) index = 1; }   
 html  
  & lt; Div id = "div1" & gt; & Lt; / Div & gt; & Lt; Div id = "div2" & gt; & Lt; / Div & gt; & Lt; Div id = "div3" & gt; & Lt; / Div & gt;   
 It starts on the third div, I hope you do not have any brain because I'm lazy to fix =)  
 I really like you Jquery learning javascript, though If you do not know how it works, then it is not smart to use it. To learn at least fundamentals.  
 Besides, people want to have fun and challenging questions on this forum, not assignment from school =)

Comments

Post a Comment

Popular posts from this blog

Python SQLAlchemy：AttributeError: Neither 'Column' object nor 'Comparator' object has an attribute 'schema' -

I tried to create a new database in my project, but when I run the script, I get this error, I have another project, this type of definition worked before, but now it gets a single error. I am using Python 2.7.8 and the version of SQLAlchemy module is 0.9.8. By the way, using a project flask- SQLAlchemy, it works well, I'm confused. Traceback information is as follows: Traceback (most recent call final): File "D: / Projects / IOM / db_create.py", line 4, & lt; Module & gt; From the models the base file "D: \ Projects \ OO-IM \ models.py", in line 15, in the & lt; Module & gt; Column ( 'followed_id', int (), ForeignKey ( 'user.id')) file "C: \ Python27 \ lib \ site-packages \ SQLAlchemy \ SQL \ schema.py", line 369, __new__ schema = metadata. Schema file "C: \ Python27 \ lib \ site-packages \ SQLAlchemy \ SQL \ elements.py", line 662, AttributeError in __getattr__ key): Neither 'column' object nor ...
Read more

java - How not to audit a join table and related entities using Hibernate Envers? -

I use Eners to be hibernate to audit my institutions. I have an audit entity, Foo , which includes a list & lt; Bars & gt; However, I do not want to audit the bar institutions, in the form of properties, I have written that: @inti @edicated public class Foo {@JoinTable (name = "T_FOO_BAR", joinColumns = @JoinColumn (name = "FOO_ID"), inverseJoinColumns = @JoinColumn (Name = "BAR_ID")) @ManyToMany (Cascade = Persist) @ Indited (targetAuditMode = RelationTargetAuditMode.NOT_AUDITED ) Public listing & lt; Bars & gt; GetBars () {Return bars; }} Now, I want to retrieve an amendment of foo : AuditReader reader = AuditReaderFactory.get (GetEntityManager ()); FU modification = (FU) reader.CreativeTeA () .entensEtrevision (Foo Class, 42) .getSingleResult (); Unfortunately, when I want to retrieve all the data (i.e. when it loads lazy times ), error me ORA-00942: table or view is not present , because Tried to query this: Sel...
Read more

mongodb - CakePHP paginator ignoring order, but only for certain values -

While pagging my user model in kppp, I can sort with some values, but not others. For example, I can order results from created or email , for example, but username or reputation seems to come back order by arbitrary command for example with a list of users: $ this-> paginate = array ('condition' => array ( 'User.is_active' = & gt; true), 'border' => 24, 'order' => array ('User.created' => DESC)); Works as expected, but $ this - & gt; Paged = array ('conditions' = & gt; array (' user.isIactive '= & gt; true),' border '= & gt; 24,' command '= & gt; array (' user repeats' = ' & Gt; DESC ')); No, no. I first thought that this could be a database issue, but when I search the database directly, sorted as expected. Note: I am using Mangodebi with the Mongo DB plugin of Ichikawa for the KPPHP; Pagnetizing users are used to work properl...
Read more