{"id":3097,"date":"2012-05-21T22:28:32","date_gmt":"2012-05-21T22:28:32","guid":{"rendered":"http:\/\/2slick.com\/web\/?p=3097"},"modified":"2016-01-08T02:49:39","modified_gmt":"2016-01-08T02:49:39","slug":"javascript-loop-script","status":"publish","type":"post","link":"https:\/\/2slick.com\/web\/javascript-loop-script\/affordablewebsitestips\/tutorials","title":{"rendered":"JavaScript Loop Script"},"content":{"rendered":"<p>You can create a loop in JavaScript by using the 'setInterval' statement. Here's an example of an error message that will keep popping up, every four seconds.<\/p>\n<h3>JavaScript loop script code snippet<\/h3>\n<p>This script will cause an error message window to popup every four seconds or 4000 milliseconds. Simply insert this code into any HTML web page, WordPress page, WordPress post, or Facebook Page.<\/p>\n<p><!--DEVFMTCODE--><pre class=\"devcodeblock\" title=\"Javascript\"><table class=\"devcodetools\"><tbody><tr><td>&nbsp;Javascript&nbsp;|&nbsp;<\/td><td style=\"background-image:url('https:\/\/2slick.com\/web\/wp-content\/plugins\/devformatter\/img\/devformatter-copy.png');background-repeat:no-repeat;background-position:50% 50%;width:16px;height:16px;\"\/><embed id=\"ZeroClipboard1\" src=\"https:\/\/2slick.com\/web\/wp-content\/plugins\/devformatter\/_zclipboard.swf\" loop=\"false\" menu=\"false\" quality=\"best\" bgcolor=\"#ffffff\" width=\"16px\" height=\"16px\" align=\"middle\" allowScriptAccess=\"always\" allowFullScreen=\"false\" type=\"application\/x-shockwave-flash\" pluginspage=\"http:\/\/www.macromedia.com\/go\/getflashplayer\" flashvars=\"id=1&width=16&height=16\" wmode=\"transparent\" \/><\/td><td>&nbsp;copy&nbsp;code&nbsp;|<\/td><td style=\"cursor:pointer\" title=\"DevFormatter Plugin\" onclick=\"devfmt_credits()\">?<\/td><td width=\"99%\">&nbsp;<\/td><\/tr><\/tbody><\/table><div class=\"devcodeoverflow\"><table class=\"devcodearea\" width=\"100%\"><tr><td class=\"devcodelines\" width=\"1%\">1<\/td><td class=\"devcodelinesarea\"><pre class=\"devcode devcodeline\"><span style=\"color: #339933;\">&lt;<\/span>script type<span style=\"color: #339933;\">=<\/span><span style=\"color: #3366CC;\">&quot;text\/javascript&quot;<\/span><span style=\"color: #339933;\">&gt;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines devcodelinesodd devcodelinesodd\" width=\"1%\">2<\/td><td class=\"devcodelinesarea devcodelinesareaodd devcodelinesareaodd\"><pre class=\"devcode devcodeline\"><span style=\"color: #006600; font-style: italic;\">\/\/ set interval<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines\" width=\"1%\">3<\/td><td class=\"devcodelinesarea\"><pre class=\"devcode devcodeline\"><span style=\"color: #003366; font-weight: bold;\">var<\/span> tid <span style=\"color: #339933;\">=<\/span> setInterval<span style=\"color: #009900;\">&#40;<\/span>mycode<span style=\"color: #339933;\">,<\/span> <span style=\"color: #CC0000;\">4000<\/span><span style=\"color: #009900;\">&#41;<\/span><span style=\"color: #339933;\">;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines devcodelinesodd devcodelinesodd\" width=\"1%\">4<\/td><td class=\"devcodelinesarea devcodelinesareaodd devcodelinesareaodd\"><pre class=\"devcode devcodeline\"><span style=\"color: #003366; font-weight: bold;\">function<\/span> mycode<span style=\"color: #009900;\">&#40;<\/span><span style=\"color: #009900;\">&#41;<\/span> <span style=\"color: #009900;\">&#123;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines\" width=\"1%\">5<\/td><td class=\"devcodelinesarea\"><pre class=\"devcode devcodeline\"><span style=\"color: #000066;\">alert<\/span><span style=\"color: #009900;\">&#40;<\/span><span style=\"color: #3366CC;\">'It is time to take a 30 second break and Look Around!'<\/span><span style=\"color: #009900;\">&#41;<\/span><span style=\"color: #339933;\">;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines devcodelinesodd devcodelinesodd\" width=\"1%\">6<\/td><td class=\"devcodelinesarea devcodelinesareaodd devcodelinesareaodd\"><pre class=\"devcode devcodeline\"><span style=\"color: #009900;\">&#125;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines\" width=\"1%\">7<\/td><td class=\"devcodelinesarea\"><pre class=\"devcode devcodeline\"><span style=\"color: #339933;\">&lt;\/<\/span>script<span style=\"color: #339933;\">&gt;<\/span><\/pre><\/td><\/tr><\/table><\/div><\/pre><!--END_DEVFMTCODE--><\/p>\n<p><script type=\"text\/javascript\">\/\/ <![CDATA[\n\n\/\/ set interval\nvar tid = setInterval(mycode, 4000);\nfunction mycode() {\nalert('alert!');\n}\n\/\/ ]]><\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>You can create a loop in JavaScript by using the &#8216;setInterval&#8217; statement. Here&#8217;s an example of an error message that will keep popping up, every four seconds. JavaScript loop script code snippet This script will cause an error message window to popup every four seconds or 4000 milliseconds. Simply insert this code into any HTML [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10,4],"tags":[385],"class_list":["post-3097","post","type-post","status-publish","format-standard","hentry","category-affordablewebsitestips","category-tutorials","tag-javascript"],"_links":{"self":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/3097","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/comments?post=3097"}],"version-history":[{"count":7,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/3097\/revisions"}],"predecessor-version":[{"id":9268,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/3097\/revisions\/9268"}],"wp:attachment":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/media?parent=3097"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/categories?post=3097"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/tags?post=3097"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}