API tools faq
paste
Advertisement
allcoma

allcoma4

allcoma
Oct 3rd, 2014
493
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 30.53 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5.  
  6.         <title>путешествие во времени</title>
  7.         <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
  8.         <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
  9.         <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
  10.         <script type="text/javascript" src="http://boedesign.com/demos/gritter/js/jquery.gritter.js"></script><!-- тырим  плагин -->
  11.         <link rel="stylesheet" type="text/css" href="http://boedesign.com/demos/gritter/css/jquery.gritter.css" />
  12.  
  13.  
  14.         <script type="text/javascript">
  15. function init(d, r, g, b, r1, g1, b1) {
  16.     d.colors = new Array();
  17.     d.colors.push(r);
  18.     d.colors.push(g);
  19.     d.colors.push(b);
  20.     d.colors.push(r1);
  21.     d.colors.push(g1);
  22.     d.colors.push(b1);
  23. }
  24. interval = []
  25. once= true
  26. function zapusk(d) {
  27.     s = '#';
  28.     for (var i = 0; i < 3; i++) {
  29.         d.colors[i] += d.colors[i + 3];
  30.         if (d.colors[i] < 0) {
  31.             d.colors[i] = 0;
  32.             d.colors[i + 3] = -d.colors[i + 3];
  33.         }
  34.         if (d.colors[i] > 0xff) {
  35.             d.colors[i] = 0xff;
  36.             d.colors[i + 3] = -d.colors[i + 3];
  37.         }
  38.         s1 = Math.floor(d.colors[i]).toString(16);
  39.         while (s1.length < 2) {
  40.             s1 = '0' + s1;
  41.         }
  42.         s += s1;
  43.     }
  44.     d.style.backgroundColor = s;
  45. }
  46. function start() {
  47.     var h = $('#i0').val()||10; // шаг цвета
  48.     var o = parseInt($('#i1').val())||1111; // число скачков
  49.     var m = parseInt($('#i2').val())||12345; // пройденное время в секундах
  50.     var a = parseInt($('#i3').val())||9999999999; // пройденное время в секундах максимальное
  51.     var b = parseInt($('#i4').val())||0.001; // 1 цвет в столько секундах
  52.     var c = parseInt($('#i5').val())||a / b; // такой цвет через пройденное время
  53.     var t = parseInt($('#i6').val())||255; // диапазон количество цветов
  54.     var k = parseInt($('#i7').val())||1; // время изменения цвета
  55.     var l = parseInt($('#i8').val())||0; // номер цвета
  56.    
  57.     $('#i0').val(h)
  58.     $('#i1').val(o)
  59.     $('#i2').val(m)
  60.     $('#i3').val(a)
  61.     $('#i4').val(b)
  62.     $('#i5').val(c)
  63.     $('#i6').val(t)
  64.     $('#i7').val(k)
  65.     $('#i8').val(l)
  66.    
  67.    
  68.     var f = Math.floor(c);
  69.     var u = c / t;
  70.     var q = Math.floor(u);
  71.     var z = t * q;
  72.     var x = f - z;
  73.     var e = Math.floor(c) - t * (Math.floor((c) / t)); // перевод такого цвета через пройденное время в заданный диапазон цветов
  74.     var v = Math.floor(a / b) - t * (Math.floor((a / b) / t)); // перевод такого цвета через пройденное время в заданный диапазон цветов
  75.     var p = (((Math.floor(a / b) - t * (Math.floor((a / b) / t))) * o) + (Math.floor(m / b) - t * (Math.floor((m / b) / t)))); // скачки во времени
  76.     var r = Math.floor((((Math.floor(a / b) - t * (Math.floor((a / b) / t))) * o) + (Math.floor(m / b) - t * (Math.floor((m / b) / t))))) - t * (Math.floor(((((Math.floor(a / b) - t * (Math.floor((a / b) / t))) * o) + (Math.floor(m / b) - t * (Math.floor((m / b) / t))))) / t)); // скачки во времени в заданный диапазон цветов
  77.     var s = (((Math.ceil(r * 2)) * 255)) - 255; // скачек в черно белое 0 и 255init(document.getElementById('cvet1'), r, 1, 1, 1, 1, 1); // цвет
  78.     var n=(((Math.ceil(Math.random() *2))*255))-255; // черно белое 0 и 255 случайно
  79.    
  80.    
  81.    
  82. init($(".quard")[0], l, l, Math.floor(a/(b+0.000))-t*(Math.floor((a/(b+0.000))/t)), 1, 1, h);
  83. init($(".quard")[1], l, l, Math.floor(a/(b+0.001))-t*(Math.floor((a/(b+0.001))/t)), 1, 1, h);
  84. init($(".quard")[2], l, l, Math.floor(a/(b+0.002))-t*(Math.floor((a/(b+0.002))/t)), 1, 1, h);
  85. init($(".quard")[3], l, l, Math.floor(a/(b+0.003))-t*(Math.floor((a/(b+0.003))/t)), 1, 1, h);
  86. init($(".quard")[4], l, l, Math.floor(a/(b+0.004))-t*(Math.floor((a/(b+0.004))/t)), 1, 1, h);
  87. init($(".quard")[5], l, l, Math.floor(a/(b+0.005))-t*(Math.floor((a/(b+0.005))/t)), 1, 1, h);
  88. init($(".quard")[6], l, l, Math.floor(a/(b+0.006))-t*(Math.floor((a/(b+0.006))/t)), 1, 1, h);
  89. init($(".quard")[7], l, l, Math.floor(a/(b+0.007))-t*(Math.floor((a/(b+0.007))/t)), 1, 1, h);
  90. init($(".quard")[8], l, l, Math.floor(a/(b+0.008))-t*(Math.floor((a/(b+0.008))/t)), 1, 1, h);
  91. init($(".quard")[9], l, l, Math.floor(a/(b+0.009))-t*(Math.floor((a/(b+0.009))/t)), 1, 1, h);
  92. init($(".quard")[10], l, l, Math.floor(a/(b+0.010))-t*(Math.floor((a/(b+0.010))/t)), 1, 1, h);
  93. init($(".quard")[11], l, l, Math.floor(a/(b+0.011))-t*(Math.floor((a/(b+0.011))/t)), 1, 1, h);
  94. init($(".quard")[12], l, l, Math.floor(a/(b+0.012))-t*(Math.floor((a/(b+0.012))/t)), 1, 1, h);
  95. init($(".quard")[13], l, l, Math.floor(a/(b+0.013))-t*(Math.floor((a/(b+0.013))/t)), 1, 1, h);
  96. init($(".quard")[14], l, l, Math.floor(a/(b+0.014))-t*(Math.floor((a/(b+0.014))/t)), 1, 1, h);
  97. init($(".quard")[15], l, l, Math.floor(a/(b+0.015))-t*(Math.floor((a/(b+0.015))/t)), 1, 1, h);
  98. init($(".quard")[16], l, l, Math.floor(a/(b+0.016))-t*(Math.floor((a/(b+0.016))/t)), 1, 1, h);
  99. init($(".quard")[17], l, l, Math.floor(a/(b+0.017))-t*(Math.floor((a/(b+0.017))/t)), 1, 1, h);
  100. init($(".quard")[18], l, l, Math.floor(a/(b+0.018))-t*(Math.floor((a/(b+0.018))/t)), 1, 1, h);
  101. init($(".quard")[19], l, l, Math.floor(a/(b+0.019))-t*(Math.floor((a/(b+0.019))/t)), 1, 1, h);
  102. init($(".quard")[20], l, l, Math.floor(a/(b+0.020))-t*(Math.floor((a/(b+0.020))/t)), 1, 1, h);
  103. init($(".quard")[21], l, l, Math.floor(a/(b+0.021))-t*(Math.floor((a/(b+0.021))/t)), 1, 1, h);
  104. init($(".quard")[22], l, l, Math.floor(a/(b+0.022))-t*(Math.floor((a/(b+0.022))/t)), 1, 1, h);
  105. init($(".quard")[23], l, l, Math.floor(a/(b+0.023))-t*(Math.floor((a/(b+0.023))/t)), 1, 1, h);
  106. init($(".quard")[24], l, l, Math.floor(a/(b+0.024))-t*(Math.floor((a/(b+0.024))/t)), 1, 1, h);
  107. init($(".quard")[25], l, l, Math.floor(a/(b+0.025))-t*(Math.floor((a/(b+0.025))/t)), 1, 1, h);
  108. init($(".quard")[26], l, l, Math.floor(a/(b+0.026))-t*(Math.floor((a/(b+0.026))/t)), 1, 1, h);
  109. init($(".quard")[27], l, l, Math.floor(a/(b+0.027))-t*(Math.floor((a/(b+0.027))/t)), 1, 1, h);
  110. init($(".quard")[28], l, l, Math.floor(a/(b+0.028))-t*(Math.floor((a/(b+0.028))/t)), 1, 1, h);
  111. init($(".quard")[29], l, l, Math.floor(a/(b+0.029))-t*(Math.floor((a/(b+0.029))/t)), 1, 1, h);
  112. init($(".quard")[30], l, l, Math.floor(a/(b+0.030))-t*(Math.floor((a/(b+0.030))/t)), 1, 1, h);
  113. init($(".quard")[31], l, l, Math.floor(a/(b+0.031))-t*(Math.floor((a/(b+0.031))/t)), 1, 1, h);
  114. init($(".quard")[32], l, l, Math.floor(a/(b+0.032))-t*(Math.floor((a/(b+0.032))/t)), 1, 1, h);
  115. init($(".quard")[33], l, l, Math.floor(a/(b+0.033))-t*(Math.floor((a/(b+0.033))/t)), 1, 1, h);
  116. init($(".quard")[34], l, l, Math.floor(a/(b+0.034))-t*(Math.floor((a/(b+0.034))/t)), 1, 1, h);
  117. init($(".quard")[35], l, l, Math.floor(a/(b+0.035))-t*(Math.floor((a/(b+0.035))/t)), 1, 1, h);
  118. init($(".quard")[36], l, l, Math.floor(a/(b+0.036))-t*(Math.floor((a/(b+0.036))/t)), 1, 1, h);
  119. init($(".quard")[37], l, l, Math.floor(a/(b+0.037))-t*(Math.floor((a/(b+0.037))/t)), 1, 1, h);
  120. init($(".quard")[38], l, l, Math.floor(a/(b+0.038))-t*(Math.floor((a/(b+0.038))/t)), 1, 1, h);
  121. init($(".quard")[39], l, l, Math.floor(a/(b+0.039))-t*(Math.floor((a/(b+0.039))/t)), 1, 1, h);
  122. init($(".quard")[40], l, l, Math.floor(a/(b+0.040))-t*(Math.floor((a/(b+0.040))/t)), 1, 1, h);
  123. init($(".quard")[41], l, l, Math.floor(a/(b+0.041))-t*(Math.floor((a/(b+0.041))/t)), 1, 1, h);
  124. init($(".quard")[42], l, l, Math.floor(a/(b+0.042))-t*(Math.floor((a/(b+0.042))/t)), 1, 1, h);
  125. init($(".quard")[43], l, l, Math.floor(a/(b+0.043))-t*(Math.floor((a/(b+0.043))/t)), 1, 1, h);
  126. init($(".quard")[44], l, l, Math.floor(a/(b+0.044))-t*(Math.floor((a/(b+0.044))/t)), 1, 1, h);
  127. init($(".quard")[45], l, l, Math.floor(a/(b+0.045))-t*(Math.floor((a/(b+0.045))/t)), 1, 1, h);
  128. init($(".quard")[46], l, l, Math.floor(a/(b+0.046))-t*(Math.floor((a/(b+0.046))/t)), 1, 1, h);
  129. init($(".quard")[47], l, l, Math.floor(a/(b+0.047))-t*(Math.floor((a/(b+0.047))/t)), 1, 1, h);
  130. init($(".quard")[48], l, l, Math.floor(a/(b+0.048))-t*(Math.floor((a/(b+0.048))/t)), 1, 1, h);
  131. init($(".quard")[49], l, l, Math.floor(a/(b+0.049))-t*(Math.floor((a/(b+0.049))/t)), 1, 1, h);
  132. init($(".quard")[50], l, l, Math.floor(a/(b+0.050))-t*(Math.floor((a/(b+0.050))/t)), 1, 1, h);
  133. init($(".quard")[51], l, l, Math.floor(a/(b+0.051))-t*(Math.floor((a/(b+0.051))/t)), 1, 1, h);
  134. init($(".quard")[52], l, l, Math.floor(a/(b+0.052))-t*(Math.floor((a/(b+0.052))/t)), 1, 1, h);
  135. init($(".quard")[53], l, l, Math.floor(a/(b+0.053))-t*(Math.floor((a/(b+0.053))/t)), 1, 1, h);
  136. init($(".quard")[54], l, l, Math.floor(a/(b+0.054))-t*(Math.floor((a/(b+0.054))/t)), 1, 1, h);
  137. init($(".quard")[55], l, l, Math.floor(a/(b+0.055))-t*(Math.floor((a/(b+0.055))/t)), 1, 1, h);
  138. init($(".quard")[56], l, l, Math.floor(a/(b+0.056))-t*(Math.floor((a/(b+0.056))/t)), 1, 1, h);
  139. init($(".quard")[57], l, l, Math.floor(a/(b+0.057))-t*(Math.floor((a/(b+0.057))/t)), 1, 1, h);
  140. init($(".quard")[58], l, l, Math.floor(a/(b+0.058))-t*(Math.floor((a/(b+0.058))/t)), 1, 1, h);
  141. init($(".quard")[59], l, l, Math.floor(a/(b+0.059))-t*(Math.floor((a/(b+0.059))/t)), 1, 1, h);
  142. init($(".quard")[60], l, l, Math.floor(a/(b+0.060))-t*(Math.floor((a/(b+0.060))/t)), 1, 1, h);
  143. init($(".quard")[61], l, l, Math.floor(a/(b+0.061))-t*(Math.floor((a/(b+0.061))/t)), 1, 1, h);
  144. init($(".quard")[62], l, l, Math.floor(a/(b+0.062))-t*(Math.floor((a/(b+0.062))/t)), 1, 1, h);
  145. init($(".quard")[63], l, l, Math.floor(a/(b+0.063))-t*(Math.floor((a/(b+0.063))/t)), 1, 1, h);
  146. init($(".quard")[64], l, l, Math.floor(a/(b+0.064))-t*(Math.floor((a/(b+0.064))/t)), 1, 1, h);
  147. init($(".quard")[65], l, l, Math.floor(a/(b+0.065))-t*(Math.floor((a/(b+0.065))/t)), 1, 1, h);
  148. init($(".quard")[66], l, l, Math.floor(a/(b+0.066))-t*(Math.floor((a/(b+0.066))/t)), 1, 1, h);
  149. init($(".quard")[67], l, l, Math.floor(a/(b+0.067))-t*(Math.floor((a/(b+0.067))/t)), 1, 1, h);
  150. init($(".quard")[68], l, l, Math.floor(a/(b+0.068))-t*(Math.floor((a/(b+0.068))/t)), 1, 1, h);
  151. init($(".quard")[69], l, l, Math.floor(a/(b+0.069))-t*(Math.floor((a/(b+0.069))/t)), 1, 1, h);
  152. init($(".quard")[70], l, l, Math.floor(a/(b+0.070))-t*(Math.floor((a/(b+0.070))/t)), 1, 1, h);
  153. init($(".quard")[71], l, l, Math.floor(a/(b+0.071))-t*(Math.floor((a/(b+0.071))/t)), 1, 1, h);
  154. init($(".quard")[72], l, l, Math.floor(a/(b+0.072))-t*(Math.floor((a/(b+0.072))/t)), 1, 1, h);
  155. init($(".quard")[73], l, l, Math.floor(a/(b+0.073))-t*(Math.floor((a/(b+0.073))/t)), 1, 1, h);
  156. init($(".quard")[74], l, l, Math.floor(a/(b+0.074))-t*(Math.floor((a/(b+0.074))/t)), 1, 1, h);
  157. init($(".quard")[75], l, l, Math.floor(a/(b+0.075))-t*(Math.floor((a/(b+0.075))/t)), 1, 1, h);
  158. init($(".quard")[76], l, l, Math.floor(a/(b+0.076))-t*(Math.floor((a/(b+0.076))/t)), 1, 1, h);
  159. init($(".quard")[77], l, l, Math.floor(a/(b+0.077))-t*(Math.floor((a/(b+0.077))/t)), 1, 1, h);
  160. init($(".quard")[78], l, l, Math.floor(a/(b+0.078))-t*(Math.floor((a/(b+0.078))/t)), 1, 1, h);
  161. init($(".quard")[79], l, l, Math.floor(a/(b+0.079))-t*(Math.floor((a/(b+0.079))/t)), 1, 1, h);
  162. init($(".quard")[80], l, l, Math.floor(a/(b+0.080))-t*(Math.floor((a/(b+0.080))/t)), 1, 1, h);
  163. init($(".quard")[81], l, l, Math.floor(a/(b+0.081))-t*(Math.floor((a/(b+0.081))/t)), 1, 1, h);
  164. init($(".quard")[82], l, l, Math.floor(a/(b+0.082))-t*(Math.floor((a/(b+0.082))/t)), 1, 1, h);
  165. init($(".quard")[83], l, l, Math.floor(a/(b+0.083))-t*(Math.floor((a/(b+0.083))/t)), 1, 1, h);
  166. init($(".quard")[84], l, l, Math.floor(a/(b+0.084))-t*(Math.floor((a/(b+0.084))/t)), 1, 1, h);
  167. init($(".quard")[85], l, l, Math.floor(a/(b+0.085))-t*(Math.floor((a/(b+0.085))/t)), 1, 1, h);
  168. init($(".quard")[86], l, l, Math.floor(a/(b+0.086))-t*(Math.floor((a/(b+0.086))/t)), 1, 1, h);
  169. init($(".quard")[87], l, l, Math.floor(a/(b+0.087))-t*(Math.floor((a/(b+0.087))/t)), 1, 1, h);
  170. init($(".quard")[88], l, l, Math.floor(a/(b+0.088))-t*(Math.floor((a/(b+0.088))/t)), 1, 1, h);
  171. init($(".quard")[89], l, l, Math.floor(a/(b+0.089))-t*(Math.floor((a/(b+0.089))/t)), 1, 1, h);
  172. init($(".quard")[90], l, l, Math.floor(a/(b+0.090))-t*(Math.floor((a/(b+0.090))/t)), 1, 1, h);
  173. init($(".quard")[91], l, l, Math.floor(a/(b+0.091))-t*(Math.floor((a/(b+0.091))/t)), 1, 1, h);
  174. init($(".quard")[92], l, l, Math.floor(a/(b+0.092))-t*(Math.floor((a/(b+0.092))/t)), 1, 1, h);
  175. init($(".quard")[93], l, l, Math.floor(a/(b+0.093))-t*(Math.floor((a/(b+0.093))/t)), 1, 1, h);
  176. init($(".quard")[94], l, l, Math.floor(a/(b+0.094))-t*(Math.floor((a/(b+0.094))/t)), 1, 1, h);
  177. init($(".quard")[95], l, l, Math.floor(a/(b+0.095))-t*(Math.floor((a/(b+0.095))/t)), 1, 1, h);
  178. init($(".quard")[96], l, l, Math.floor(a/(b+0.096))-t*(Math.floor((a/(b+0.096))/t)), 1, 1, h);
  179. init($(".quard")[97], l, l, Math.floor(a/(b+0.097))-t*(Math.floor((a/(b+0.097))/t)), 1, 1, h);
  180. init($(".quard")[98], l, l, Math.floor(a/(b+0.098))-t*(Math.floor((a/(b+0.098))/t)), 1, 1, h);
  181. init($(".quard")[99], l, l, Math.floor(a/(b+0.099))-t*(Math.floor((a/(b+0.099))/t)), 1, 1, h);
  182.  
  183.  
  184.     interval.push(setInterval(function() { zapusk($(".quard")[0]) }, k+1));
  185. interval.push(setInterval(function() { zapusk($(".quard")[1]) }, k+2));
  186. interval.push(setInterval(function() { zapusk($(".quard")[2]) }, k+3));
  187. interval.push(setInterval(function() { zapusk($(".quard")[3]) }, k+4));
  188. interval.push(setInterval(function() { zapusk($(".quard")[4]) }, k+5));
  189. interval.push(setInterval(function() { zapusk($(".quard")[5]) }, k+6));
  190. interval.push(setInterval(function() { zapusk($(".quard")[6]) }, k+7));
  191. interval.push(setInterval(function() { zapusk($(".quard")[7]) }, k+8));
  192. interval.push(setInterval(function() { zapusk($(".quard")[8]) }, k+9));
  193. interval.push(setInterval(function() { zapusk($(".quard")[9]) }, k+10));
  194. interval.push(setInterval(function() { zapusk($(".quard")[10]) }, k+11));
  195. interval.push(setInterval(function() { zapusk($(".quard")[11]) }, k+12));
  196. interval.push(setInterval(function() { zapusk($(".quard")[12]) }, k+13));
  197. interval.push(setInterval(function() { zapusk($(".quard")[13]) }, k+14));
  198. interval.push(setInterval(function() { zapusk($(".quard")[14]) }, k+15));
  199. interval.push(setInterval(function() { zapusk($(".quard")[15]) }, k+16));
  200. interval.push(setInterval(function() { zapusk($(".quard")[16]) }, k+17));
  201. interval.push(setInterval(function() { zapusk($(".quard")[17]) }, k+18));
  202. interval.push(setInterval(function() { zapusk($(".quard")[18]) }, k+19));
  203. interval.push(setInterval(function() { zapusk($(".quard")[19]) }, k+20));
  204. interval.push(setInterval(function() { zapusk($(".quard")[20]) }, k+21));
  205. interval.push(setInterval(function() { zapusk($(".quard")[21]) }, k+22));
  206. interval.push(setInterval(function() { zapusk($(".quard")[22]) }, k+23));
  207. interval.push(setInterval(function() { zapusk($(".quard")[23]) }, k+24));
  208. interval.push(setInterval(function() { zapusk($(".quard")[24]) }, k+25));
  209. interval.push(setInterval(function() { zapusk($(".quard")[25]) }, k+26));
  210. interval.push(setInterval(function() { zapusk($(".quard")[26]) }, k+27));
  211. interval.push(setInterval(function() { zapusk($(".quard")[27]) }, k+28));
  212. interval.push(setInterval(function() { zapusk($(".quard")[28]) }, k+29));
  213. interval.push(setInterval(function() { zapusk($(".quard")[29]) }, k+30));
  214. interval.push(setInterval(function() { zapusk($(".quard")[30]) }, k+31));
  215. interval.push(setInterval(function() { zapusk($(".quard")[31]) }, k+32));
  216. interval.push(setInterval(function() { zapusk($(".quard")[32]) }, k+33));
  217. interval.push(setInterval(function() { zapusk($(".quard")[33]) }, k+34));
  218. interval.push(setInterval(function() { zapusk($(".quard")[34]) }, k+35));
  219. interval.push(setInterval(function() { zapusk($(".quard")[35]) }, k+36));
  220. interval.push(setInterval(function() { zapusk($(".quard")[36]) }, k+37));
  221. interval.push(setInterval(function() { zapusk($(".quard")[37]) }, k+38));
  222. interval.push(setInterval(function() { zapusk($(".quard")[38]) }, k+39));
  223. interval.push(setInterval(function() { zapusk($(".quard")[39]) }, k+40));
  224. interval.push(setInterval(function() { zapusk($(".quard")[40]) }, k+41));
  225. interval.push(setInterval(function() { zapusk($(".quard")[41]) }, k+42));
  226. interval.push(setInterval(function() { zapusk($(".quard")[42]) }, k+43));
  227. interval.push(setInterval(function() { zapusk($(".quard")[43]) }, k+44));
  228. interval.push(setInterval(function() { zapusk($(".quard")[44]) }, k+45));
  229. interval.push(setInterval(function() { zapusk($(".quard")[45]) }, k+46));
  230. interval.push(setInterval(function() { zapusk($(".quard")[46]) }, k+47));
  231. interval.push(setInterval(function() { zapusk($(".quard")[47]) }, k+48));
  232. interval.push(setInterval(function() { zapusk($(".quard")[48]) }, k+49));
  233. interval.push(setInterval(function() { zapusk($(".quard")[49]) }, k+50));
  234. interval.push(setInterval(function() { zapusk($(".quard")[50]) }, k+51));
  235. interval.push(setInterval(function() { zapusk($(".quard")[51]) }, k+52));
  236. interval.push(setInterval(function() { zapusk($(".quard")[52]) }, k+53));
  237. interval.push(setInterval(function() { zapusk($(".quard")[53]) }, k+54));
  238. interval.push(setInterval(function() { zapusk($(".quard")[54]) }, k+55));
  239. interval.push(setInterval(function() { zapusk($(".quard")[55]) }, k+56));
  240. interval.push(setInterval(function() { zapusk($(".quard")[56]) }, k+57));
  241. interval.push(setInterval(function() { zapusk($(".quard")[57]) }, k+58));
  242. interval.push(setInterval(function() { zapusk($(".quard")[58]) }, k+59));
  243. interval.push(setInterval(function() { zapusk($(".quard")[59]) }, k+60));
  244. interval.push(setInterval(function() { zapusk($(".quard")[60]) }, k+61));
  245. interval.push(setInterval(function() { zapusk($(".quard")[61]) }, k+62));
  246. interval.push(setInterval(function() { zapusk($(".quard")[62]) }, k+63));
  247. interval.push(setInterval(function() { zapusk($(".quard")[63]) }, k+64));
  248. interval.push(setInterval(function() { zapusk($(".quard")[64]) }, k+65));
  249. interval.push(setInterval(function() { zapusk($(".quard")[65]) }, k+66));
  250. interval.push(setInterval(function() { zapusk($(".quard")[66]) }, k+67));
  251. interval.push(setInterval(function() { zapusk($(".quard")[67]) }, k+68));
  252. interval.push(setInterval(function() { zapusk($(".quard")[68]) }, k+69));
  253. interval.push(setInterval(function() { zapusk($(".quard")[69]) }, k+70));
  254. interval.push(setInterval(function() { zapusk($(".quard")[70]) }, k+71));
  255. interval.push(setInterval(function() { zapusk($(".quard")[71]) }, k+72));
  256. interval.push(setInterval(function() { zapusk($(".quard")[72]) }, k+73));
  257. interval.push(setInterval(function() { zapusk($(".quard")[73]) }, k+74));
  258. interval.push(setInterval(function() { zapusk($(".quard")[74]) }, k+75));
  259. interval.push(setInterval(function() { zapusk($(".quard")[75]) }, k+76));
  260. interval.push(setInterval(function() { zapusk($(".quard")[76]) }, k+77));
  261. interval.push(setInterval(function() { zapusk($(".quard")[77]) }, k+78));
  262. interval.push(setInterval(function() { zapusk($(".quard")[78]) }, k+79));
  263. interval.push(setInterval(function() { zapusk($(".quard")[79]) }, k+80));
  264. interval.push(setInterval(function() { zapusk($(".quard")[80]) }, k+81));
  265. interval.push(setInterval(function() { zapusk($(".quard")[81]) }, k+82));
  266. interval.push(setInterval(function() { zapusk($(".quard")[82]) }, k+83));
  267. interval.push(setInterval(function() { zapusk($(".quard")[83]) }, k+84));
  268. interval.push(setInterval(function() { zapusk($(".quard")[84]) }, k+85));
  269. interval.push(setInterval(function() { zapusk($(".quard")[85]) }, k+86));
  270. interval.push(setInterval(function() { zapusk($(".quard")[86]) }, k+87));
  271. interval.push(setInterval(function() { zapusk($(".quard")[87]) }, k+88));
  272. interval.push(setInterval(function() { zapusk($(".quard")[88]) }, k+89));
  273. interval.push(setInterval(function() { zapusk($(".quard")[89]) }, k+90));
  274. interval.push(setInterval(function() { zapusk($(".quard")[90]) }, k+91));
  275. interval.push(setInterval(function() { zapusk($(".quard")[91]) }, k+92));
  276. interval.push(setInterval(function() { zapusk($(".quard")[92]) }, k+93));
  277. interval.push(setInterval(function() { zapusk($(".quard")[93]) }, k+94));
  278. interval.push(setInterval(function() { zapusk($(".quard")[94]) }, k+95));
  279. interval.push(setInterval(function() { zapusk($(".quard")[95]) }, k+96));
  280. interval.push(setInterval(function() { zapusk($(".quard")[96]) }, k+97));
  281. interval.push(setInterval(function() { zapusk($(".quard")[97]) }, k+98));
  282. interval.push(setInterval(function() { zapusk($(".quard")[98]) }, k+99));
  283. interval.push(setInterval(function() { zapusk($(".quard")[99]) }, k+100));
  284.  
  285. }
  286. window.onload =  function(){
  287.    
  288.     $(document).on( "click","#start",  function(event){
  289.  
  290. for (var i = 0; i < interval.length; i++) { //останавливаем   предыдушее
  291.     clearInterval(interval[i]);
  292. };
  293. start()// стартуем новый  цикл  с введенными значениями
  294. if(once){
  295. $.gritter.add({
  296.     // (string | mandatory) the heading of the notification
  297.     title: 'вопрос ',
  298.     // (string | mandatory) the text inside the notification
  299.     text: ' Если картина имеет ширину и длину то можно получить из красок все варианты изображений и это число не бесконечно как длинна ширина и количество цветов, если в картине перемешать цвета то можно получить другую картину, и можно ли получить перемешиванием цветов картину будущего или прошлого и будет ли эта схема перемешивания машиной времени?'})
  300. once = false;
  301. }
  302. event.preventDefault();
  303.     })//on
  304. }//  onload
  305. </script>
  306.         <style>
  307.         #cell{width:402px;
  308.         height:402px;
  309.         border:1px solid  rgb(00,00,00);}
  310.         .quard{
  311.             width: 40px;
  312.             height: 40px;
  313.             float: left;
  314.         }
  315.         </style>
  316.         <script>
  317.         </script>
  318.     </head>
  319.     <body>
  320.         <div class="container">
  321.             <div class="row">
  322.                 <div class="col-md-6">
  323.                     <form action="" role="form">
  324.                        
  325.                         <div class="form-group"><label for="i0">шаг цвета</label><input type="text" class="form-control" placeholder="шаг цвета" id="i0"></div>
  326.                         <div class="form-group"><label for="i1">число скачков</label><input type="text" class="form-control" placeholder="число скачков" id="i1"></div>
  327.                         <div class="form-group"><label for="i2">пройденное время в секундах </label><input type="text" class="form-control" placeholder="пройденное время в секундах " id="i2"></div>
  328.                         <div class="form-group"><label for="i3">пройденное время в секундах максимальное</label><input type="text" class="form-control" placeholder="пройденное время в секундах максимальное" id="i3"></div>
  329.                         <div class="form-group"><label for="i4">цвет в столько секундах</label><input type="text" class="form-control" placeholder="цвет в столько секундах" id="i4"></div>
  330.                         <div class="form-group"><label for="i5">такой цвет через пройденное время</label><input type="text" class="form-control" placeholder="такой цвет через пройденное время" id="i5"></div>
  331.                         <div class="form-group"><label for="i6">диапазон количество цветов</label><input type="text" class="form-control" placeholder="диапазон количество цветов" id="i6"></div>
  332.                         <div class="form-group"><label for="i7">время изменения цвета</label><input type="text" class="form-control" placeholder="время изменения цвета" id="i7"></div>
  333.                         <div class="form-group"><label for="i8">номер цвета</label><input type="text" class="form-control" placeholder="номер цвета" id="i8"></div>
  334.                         <div class="form-group"><label for=""></label><button class="btn btn-danger" id="start">поехали</button></div>
  335.                     </form>
  336.                 </div>
  337.                 <div class="col-md-6"><div class="center-block" id="cell">
  338.  
  339. <div class="quard" style="background-color: rgb(0, 0, 1);"></div>
  340. <div class="quard" style="background-color: rgb(0, 0, 2);"></div>
  341. <div class="quard" style="background-color: rgb(0, 0, 3);"></div>
  342. <div class="quard" style="background-color: rgb(0, 0, 4);"></div>
  343. <div class="quard" style="background-color: rgb(0, 0, 5);"></div>
  344. <div class="quard" style="background-color: rgb(0, 0, 6);"></div>
  345. <div class="quard" style="background-color: rgb(0, 0, 7);"></div>
  346. <div class="quard" style="background-color: rgb(0, 0, 8);"></div>
  347. <div class="quard" style="background-color: rgb(0, 0, 9);"></div>
  348. <div class="quard" style="background-color: rgb(0, 0, 10);"></div>
  349. <div class="quard" style="background-color: rgb(0, 0, 11);"></div>
  350. <div class="quard" style="background-color: rgb(0, 0, 12);"></div>
  351. <div class="quard" style="background-color: rgb(0, 0, 13);"></div>
  352. <div class="quard" style="background-color: rgb(0, 0, 14);"></div>
  353. <div class="quard" style="background-color: rgb(0, 0, 15);"></div>
  354. <div class="quard" style="background-color: rgb(0, 0, 16);"></div>
  355. <div class="quard" style="background-color: rgb(0, 0, 17);"></div>
  356. <div class="quard" style="background-color: rgb(0, 0, 18);"></div>
  357. <div class="quard" style="background-color: rgb(0, 0, 19);"></div>
  358. <div class="quard" style="background-color: rgb(0, 0, 20);"></div>
  359. <div class="quard" style="background-color: rgb(0, 0, 21);"></div>
  360. <div class="quard" style="background-color: rgb(0, 0, 22);"></div>
  361. <div class="quard" style="background-color: rgb(0, 0, 23);"></div>
  362. <div class="quard" style="background-color: rgb(0, 0, 24);"></div>
  363. <div class="quard" style="background-color: rgb(0, 0, 25);"></div>
  364. <div class="quard" style="background-color: rgb(0, 0, 26);"></div>
  365. <div class="quard" style="background-color: rgb(0, 0, 27);"></div>
  366. <div class="quard" style="background-color: rgb(0, 0, 28);"></div>
  367. <div class="quard" style="background-color: rgb(0, 0, 29);"></div>
  368. <div class="quard" style="background-color: rgb(0, 0, 30);"></div>
  369. <div class="quard" style="background-color: rgb(0, 0, 31);"></div>
  370. <div class="quard" style="background-color: rgb(0, 0, 32);"></div>
  371. <div class="quard" style="background-color: rgb(0, 0, 33);"></div>
  372. <div class="quard" style="background-color: rgb(0, 0, 34);"></div>
  373. <div class="quard" style="background-color: rgb(0, 0, 35);"></div>
  374. <div class="quard" style="background-color: rgb(0, 0, 36);"></div>
  375. <div class="quard" style="background-color: rgb(0, 0, 37);"></div>
  376. <div class="quard" style="background-color: rgb(0, 0, 38);"></div>
  377. <div class="quard" style="background-color: rgb(0, 0, 39);"></div>
  378. <div class="quard" style="background-color: rgb(0, 0, 40);"></div>
  379. <div class="quard" style="background-color: rgb(0, 0, 41);"></div>
  380. <div class="quard" style="background-color: rgb(0, 0, 42);"></div>
  381. <div class="quard" style="background-color: rgb(0, 0, 43);"></div>
  382. <div class="quard" style="background-color: rgb(0, 0, 44);"></div>
  383. <div class="quard" style="background-color: rgb(0, 0, 45);"></div>
  384. <div class="quard" style="background-color: rgb(0, 0, 46);"></div>
  385. <div class="quard" style="background-color: rgb(0, 0, 47);"></div>
  386. <div class="quard" style="background-color: rgb(0, 0, 48);"></div>
  387. <div class="quard" style="background-color: rgb(0, 0, 49);"></div>
  388. <div class="quard" style="background-color: rgb(0, 0, 50);"></div>
  389. <div class="quard" style="background-color: rgb(0, 0, 51);"></div>
  390. <div class="quard" style="background-color: rgb(0, 0, 52);"></div>
  391. <div class="quard" style="background-color: rgb(0, 0, 53);"></div>
  392. <div class="quard" style="background-color: rgb(0, 0, 54);"></div>
  393. <div class="quard" style="background-color: rgb(0, 0, 55);"></div>
  394. <div class="quard" style="background-color: rgb(0, 0, 56);"></div>
  395. <div class="quard" style="background-color: rgb(0, 0, 57);"></div>
  396. <div class="quard" style="background-color: rgb(0, 0, 58);"></div>
  397. <div class="quard" style="background-color: rgb(0, 0, 59);"></div>
  398. <div class="quard" style="background-color: rgb(0, 0, 60);"></div>
  399. <div class="quard" style="background-color: rgb(0, 0, 61);"></div>
  400. <div class="quard" style="background-color: rgb(0, 0, 62);"></div>
  401. <div class="quard" style="background-color: rgb(0, 0, 63);"></div>
  402. <div class="quard" style="background-color: rgb(0, 0, 64);"></div>
  403. <div class="quard" style="background-color: rgb(0, 0, 65);"></div>
  404. <div class="quard" style="background-color: rgb(0, 0, 66);"></div>
  405. <div class="quard" style="background-color: rgb(0, 0, 67);"></div>
  406. <div class="quard" style="background-color: rgb(0, 0, 68);"></div>
  407. <div class="quard" style="background-color: rgb(0, 0, 69);"></div>
  408. <div class="quard" style="background-color: rgb(0, 0, 70);"></div>
  409. <div class="quard" style="background-color: rgb(0, 0, 71);"></div>
  410. <div class="quard" style="background-color: rgb(0, 0, 72);"></div>
  411. <div class="quard" style="background-color: rgb(0, 0, 73);"></div>
  412. <div class="quard" style="background-color: rgb(0, 0, 74);"></div>
  413. <div class="quard" style="background-color: rgb(0, 0, 75);"></div>
  414. <div class="quard" style="background-color: rgb(0, 0, 76);"></div>
  415. <div class="quard" style="background-color: rgb(0, 0, 77);"></div>
  416. <div class="quard" style="background-color: rgb(0, 0, 78);"></div>
  417. <div class="quard" style="background-color: rgb(0, 0, 79);"></div>
  418. <div class="quard" style="background-color: rgb(0, 0, 80);"></div>
  419. <div class="quard" style="background-color: rgb(0, 0, 81);"></div>
  420. <div class="quard" style="background-color: rgb(0, 0, 82);"></div>
  421. <div class="quard" style="background-color: rgb(0, 0, 83);"></div>
  422. <div class="quard" style="background-color: rgb(0, 0, 84);"></div>
  423. <div class="quard" style="background-color: rgb(0, 0, 85);"></div>
  424. <div class="quard" style="background-color: rgb(0, 0, 86);"></div>
  425. <div class="quard" style="background-color: rgb(0, 0, 87);"></div>
  426. <div class="quard" style="background-color: rgb(0, 0, 88);"></div>
  427. <div class="quard" style="background-color: rgb(0, 0, 89);"></div>
  428. <div class="quard" style="background-color: rgb(0, 0, 90);"></div>
  429. <div class="quard" style="background-color: rgb(0, 0, 91);"></div>
  430. <div class="quard" style="background-color: rgb(0, 0, 92);"></div>
  431. <div class="quard" style="background-color: rgb(0, 0, 93);"></div>
  432. <div class="quard" style="background-color: rgb(0, 0, 94);"></div>
  433. <div class="quard" style="background-color: rgb(0, 0, 95);"></div>
  434. <div class="quard" style="background-color: rgb(0, 0, 96);"></div>
  435. <div class="quard" style="background-color: rgb(0, 0, 97);"></div>
  436. <div class="quard" style="background-color: rgb(0, 0, 98);"></div>
  437. <div class="quard" style="background-color: rgb(0, 0, 99);"></div>
  438. <div class="quard" style="background-color: rgb(0, 0, 100);"></div>
  439.  
  440.  
  441.  
  442.                        
  443.                     </div></div></div>
  444.                 </div>
  445.             </div>
  446.         </body>
  447.     </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!