{"id":344,"date":"2008-03-24T20:42:36","date_gmt":"2008-03-25T01:42:36","guid":{"rendered":"http:\/\/www.phpied.com\/sleep-in-javascript\/"},"modified":"2008-03-24T20:43:12","modified_gmt":"2008-03-25T01:43:12","slug":"sleep-in-javascript","status":"publish","type":"post","link":"https:\/\/www.phpied.com\/sleep-in-javascript\/","title":{"rendered":"sleep() in JavaScript"},"content":{"rendered":"

PHP has a sleep()<\/a> function, but JavaScript doesn't. Well, this is because it's useless, you might say, and you'll be right. But for simulating heavy processing and for misc performance measurements, it could be useful. So here's how you can go about creating a sleep() in JavaScript.<\/p>\n

The code<\/h3>\n
\n
function<\/span> <\/span>sleep<\/span>(<\/span>milliseconds<\/span>)<\/span> <\/span>{<\/span>\r\n  <\/span>var<\/span> <\/span>start<\/span> = <\/span>new<\/span> <\/span>Date<\/span>(<\/span>)<\/span>.<\/span>getTime<\/span>(<\/span>)<\/span>;\r\n  <\/span>for<\/span> <\/span>(<\/span>var<\/span> <\/span>i<\/span> = <\/span>0<\/span>; <\/span>i<\/span> < <\/span>1<\/span>e7<\/span>; <\/span>i<\/span>++<\/span>)<\/span> <\/span>{<\/span>\r\n    <\/span>if<\/span> <\/span>(<\/span>(<\/span>new<\/span> <\/span>Date<\/span>(<\/span>)<\/span>.<\/span>getTime<\/span>(<\/span>)<\/span> - <\/span>start<\/span>)<\/span> > <\/span>milliseconds<\/span>)<\/span>{<\/span>\r\n      <\/span>break<\/span>;\r\n    <\/span>}<\/span>\r\n  <\/span>}<\/span>\r\n<\/span>}<\/span><\/pre>\n<\/div>\n
Usage<\/h3>\n
Sleep for 1 second (1000 milliseconds):<\/p>\n
\n
console<\/span>.<\/span>log<\/span>(<\/span>new<\/span> <\/span>Date<\/span>(<\/span>)<\/span>)<\/span>;\r\n<\/span>console<\/span>.<\/span>log<\/span>(<\/span>'<\/span>Dude!<\/span>'<\/span>)<\/span>;\r\n<\/span>sleep<\/span>(<\/span>1000<\/span>)<\/span>;\r\n<\/span>console<\/span>.<\/span>log<\/span>(<\/span>new<\/span> <\/span>Date<\/span>(<\/span>)<\/span>)<\/span>;<\/span><\/pre>\n<\/div>\n
Result in Firebug's console:<\/p>\n
\"sleep.png\"<\/p>\n","protected":false},"excerpt":{"rendered":"
PHP has a sleep() function, but JavaScript doesn’t. Well, this is because it’s useless, you might say, and you’ll be right. But for simulating heavy processing and for misc performance measurements, it could be useful. So here’s how you can go about creating a sleep() in JavaScript. The code function sleep(milliseconds) { var start = […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[5,43],"tags":[],"_links":{"self":[{"href":"https:\/\/www.phpied.com\/wp-json\/wp\/v2\/posts\/344"}],"collection":[{"href":"https:\/\/www.phpied.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.phpied.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.phpied.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.phpied.com\/wp-json\/wp\/v2\/comments?post=344"}],"version-history":[{"count":0,"href":"https:\/\/www.phpied.com\/wp-json\/wp\/v2\/posts\/344\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.phpied.com\/wp-json\/wp\/v2\/media?parent=344"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.phpied.com\/wp-json\/wp\/v2\/categories?post=344"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.phpied.com\/wp-json\/wp\/v2\/tags?post=344"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}