Advertisement
Guest User

Untitled

a guest
Feb 19th, 2019
69
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.53 KB | None | 0 0
  1. function getImgStr(imgName){
  2. thisStr = '<img src="/_shared/img/discovery/200x100/'+imgName+'.jpg">';
  3. return thisStr;
  4. }
  5. function buildIt(imgSrc){
  6. console.log(imgSrc);
  7. $('#content').append('<div></div>');
  8. $('#content div:last').hide()
  9. .addClass('imgBox')
  10. .attr('id',imgSrc)
  11. .html(getImgStr(imgSrc))
  12. .slideDown(2000);
  13. }
  14.  
  15. $(function(){
  16. for(i=0;i<=imgList.length-1;i++){
  17. buildIt(imgList[i]);
  18. }
  19. });
  20.  
  21. $(function(){
  22. for(i=0;i<=imgList.length-1;i++){
  23. var loadIt = setInterval(function(){
  24. buildIt(imgList[i]);
  25. },1000);
  26. }
  27. });
  28.  
  29. var i = 0;
  30. var id = setInterval(function() {
  31. if(i === imgList.length) {
  32. clearInterval(id);
  33. } else {
  34. buildIt(imgList[i++]);
  35. }
  36. }, 1000)
  37.  
  38. this.buildIt= function(imgSrc){
  39. console.log("test"+imgSrc)
  40. console.log(imgSrc.length)
  41. };
  42.  
  43. $(function(){
  44. var imgList=[
  45. "test1","test2","test3","test4"
  46. ]
  47. for(i=0;i<=imgList.length;i++){
  48.  
  49. var loadIt = setInterval(function(){
  50. this.buildIt(imgList);
  51. },1000,imgList);
  52. }
  53. });​
  54.  
  55. function start() {
  56. var nImages = 5;
  57. for( i=0; i<nImages; i++ ) {
  58. (function(j){
  59. setTimeout( function() {
  60. buildIt(j);
  61. intervals.push(
  62. setInterval( function() {
  63. buildIt(j);
  64. }, 1000*nImages )
  65. );
  66. }, j*1000 );
  67. })(i);
  68. }
  69. }
  70.  
  71. function stop() {
  72. for( i in intervals ) {
  73. clearInterval( intervals[i] );
  74. }
  75. }
  76.  
  77. $(function(){
  78. for(i=0;i<=imgList.length-1;i++){
  79. (function(j){
  80. var loadIt = setInterval(function(){
  81. buildIt(imgList[j]);
  82. },1000);
  83. })(i);
  84. }
  85. });
  86.  
  87. <div id="wrong1">Wrong:<br /></div>
  88. <div id="wrong2">Wrong:<br /></div>
  89. <div id="wrong3">Wrong:<br /></div>
  90. <div id="right">Right:<br /></div>
  91.  
  92. // won't work:
  93. for(var i=0;i<5;i++) {
  94. setTimeout( function() { $('#wrong1').append(i+'<br />'); }, 500 );
  95. }
  96.  
  97. // won't work:
  98. for(var i=0;i<5;i++) {
  99. var j = i;
  100. setTimeout( function() { $('#wrong2').append(j+'<br />'); }, 500 );
  101. }
  102.  
  103. // won't work:
  104. for(var i=0;i<5;i++) {
  105. setTimeout( function() { (function(j){ $('#wrong3').append(j+'<br />'); })(i) }, 500 );
  106. }
  107.  
  108. // works!
  109. for(var i=0;i<5;i++) {
  110. (function(j){
  111. setTimeout( function() { $('#right').append(j+'<br />'); }, 500 );
  112. })(i);
  113. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement