setTimeout() multiple JQuery instances <p>So I have a block of about 10 lines of code in JQuery. the lines are all independent, and when I execute them (I just type them in the console, its an automated test) i need them to be delayed form each other, like with 2 seconds difference. I started by using JavaScript setTimeout() on each line, but for 10 separate lines of code i assume there's a sexier way to do so... Also JQuery DELAY doesn't work since these aren't effects. Any ideas? here's the general idea of my code block..</p> <pre><code>$("#tag1").trigger("click"); $('#tag2').val("some text"); $("#tag3").trigger("keyup"); $('#tag4 select option[value="4"]').prop('selected',true); $("#tag5").val(6); $('#tag6').val(3).change(); $('#tag7').val(30).change(); $('#tag8').val("2017-06-29"); $('#tag9').val("2015-06-29"); $('#tag10').val("This is the test tasks' description."); $(".id1").trigger("click"); $(".id2").val("buy oranges"); </code></pre> <p>As you can see all the tags and ID are unique... any idea would be greatly appreciated!</p>