API tools faq
paste
Advertisement
allcoma

allcoma1

allcoma
Sep 27th, 2014
2,567
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
newLISP 8.73 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.         <head>
  4.                 <meta charset="UTF-8">
  5.                 <title>Document</title>
  6.                 <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
  7.                 <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
  8.                 <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
  9.                 <script type="text/javascript" src="http://boedesign.com/demos/gritter/js/jquery.gritter.js"></script><!-- тырим  плагин -->
  10.                 <link rel="stylesheet" type="text/css" href="http://boedesign.com/demos/gritter/css/jquery.gritter.css" />
  11.  
  12.  
  13.                 <script type="text/javascript">
  14. function init(d, r, g, b, r1, g1, b1) {
  15.         d.colors = new Array();
  16.         d.colors.push(r);
  17.         d.colors.push(g);
  18.         d.colors.push(b);
  19.         d.colors.push(r1);
  20.         d.colors.push(g1);
  21.         d.colors.push(b1);
  22. }
  23. interval = []
  24. once= true
  25. function zapusk(d) {
  26.         s = '#';
  27.         for (var i = 0; i < 3; i++) {
  28.                 d.colors[i] += d.colors[i + 3];
  29.                 if (d.colors[i] < 0) {
  30.                         d.colors[i] = 0;
  31.                         d.colors[i + 3] = -d.colors[i + 3];
  32.                 }
  33.                 if (d.colors[i] > 0xff) {
  34.                         d.colors[i] = 0xff;
  35.                         d.colors[i + 3] = -d.colors[i + 3];
  36.                 }
  37.                 s1 = Math.floor(d.colors[i]).toString(16);
  38.                 while (s1.length < 2) {
  39.                         s1 = '0' + s1;
  40.                 }
  41.                 s += s1;
  42.         }
  43.         d.style.backgroundColor = s;
  44. }
  45. function start() {
  46.         var n = $('#i0').val()||(((Math.ceil(Math.random() * 2)) * 255)) - 255; // черно белое 0 и 255 случайно
  47.         var o = parseInt($('#i1').val())||1111; // число скачков
  48.         var m = parseInt($('#i2').val())||12345; // пройденное время в секундах
  49.         var a = parseInt($('#i3').val())||999999999999999; // пройденное время в секундах максимальное
  50.         var b = parseInt($('#i4').val())||0.001; // 1 цвет в столько секундах
  51.         var c = parseInt($('#i5').val())||a / b; // такой цвет через пройденное время
  52.         var t = parseInt($('#i6').val())||255; // диапазон количество цветов
  53.         $('#i0').val(n)
  54.         $('#i1').val(o)
  55.         $('#i2').val(m)
  56.         $('#i3').val(a)
  57.         $('#i4').val(b)
  58.         $('#i5').val(c)
  59.         $('#i6').val(t)
  60.        
  61.         var f = Math.floor(c);
  62.         var u = c / t;
  63.         var q = Math.floor(u);
  64.         var z = t * q;
  65.         var x = f - z;
  66.         var e = Math.floor(c) - t * (Math.floor((c) / t)); // перевод такого цвета через пройденное время в заданный диапазон цветов
  67.         var v = Math.floor(a / b) - t * (Math.floor((a / b) / t)); // перевод такого цвета через пройденное время в заданный диапазон цветов
  68.         var p = (((Math.floor(a / b) - t * (Math.floor((a / b) / t))) * o) + (Math.floor(m / b) - t * (Math.floor((m / b) / t)))); // скачки во времени
  69.         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)); // скачки во времени в заданный диапазон цветов
  70.         var s = (((Math.ceil(r * 2)) * 255)) - 255; // скачек в черно белое 0 и 255init(document.getElementById('cvet1'), r, 1, 1, 1, 1, 1); // цвет
  71.         init($(".quard")[1], s, s, s, 1, 1, 1); // цвет
  72.         init($(".quard")[2], Math.floor(a / (b + 0.002)) - t * (Math.floor((a / (b + 0.002)) / t)), 1, 1, 1, 1, 1); // цвет
  73.         init($(".quard")[3], Math.floor(a / (b + 0.003)) - t * (Math.floor((a / (b + 0.003)) / t)), 1, 1, 1, 1, 1); // цвет
  74.         interval.push(setInterval(function() {
  75.                 zapusk($(".quard")[0])
  76.         }, 1));
  77.         interval.push(setInterval(function() {
  78.                 zapusk($(".quard")[1])
  79.         }, 1));
  80.         interval.push(setInterval(function() {
  81.                 zapusk($(".quard")[2])
  82.         }, 1));
  83.         interval.push(setInterval(function() {
  84.                 zapusk($(".quard")[3])
  85.         }, 1));
  86. }
  87. window.onload =  function(){
  88.        
  89.         $(document).on( "click","#start",  function(event){
  90.  
  91. for (var i = 0; i < interval.length; i++) { //останавливаем   предыдушее  барахло
  92.         clearInterval(interval[i]);
  93. };
  94. start()// стартуем новый  цикл  с введенными значениями
  95. if(once){
  96. $.gritter.add({
  97.         // (string | mandatory) the heading of the notification
  98.         title: 'читай быстрее и внимательно, больше не покажу ',
  99.         // (string | mandatory) the text inside the notification
  100.         text: ' в поля ввода   подставлены значения   с которыми запустилась карусель цветов'})
  101. once = false;
  102. }
  103. event.preventDefault();
  104.         })//on
  105. }//  onload
  106. </script>
  107.                 <style>
  108.                 #cell{width:250px;
  109.                 height:250px;
  110.                 border:1px solid  #ccc;}
  111.                 .quard{
  112.                         width: 124px;
  113.                         height: 124px;
  114.                         float: left;
  115.                 }
  116.                 </style>
  117.                 <script>
  118.                 </script>
  119.         </head>
  120.         <body>
  121.                 <div class="container">
  122.                         <div class="row">
  123.                                 <div class="col-md-6">
  124.                                         <form action="" role="form">
  125.                                                
  126.                                                 <div class="form-group"><label for="i0">черно белое 0 и 255 случайно</label><input type="text" class="form-control" placeholder="черно белое 0 и 255 случайно" id="i0"></div>
  127.                                                 <div class="form-group"><label for="i1">число скачков</label><input type="text" class="form-control" placeholder="число скачков" id="i1"></div>
  128.                                                 <div class="form-group"><label for="i2">пройденное время в секундах </label><input type="text" class="form-control" placeholder="пройденное время в секундах " id="i2"></div>
  129.                                                 <div class="form-group"><label for="i3">пройденное время в секундах максимальное</label><input type="text" class="form-control" placeholder="пройденное время в секундах максимальное" id="i3"></div>
  130.                                                 <div class="form-group"><label for="i4">цвет в столько секундах</label><input type="text" class="form-control" placeholder="цвет в столько секундах" id="i4"></div>
  131.                                                 <div class="form-group"><label for="i5">такой цвет через пройденное время</label><input type="text" class="form-control" placeholder="такой цвет через пройденное время" id="i5"></div>
  132.                                                 <div class="form-group"><label for="i6">диапазон количество цветов</label><input type="text" class="form-control" placeholder="диапазон количество цветов" id="i6"></div>
  133.                                                 <div class="form-group"><label for=""></label><button class="btn btn-danger" id="start">поехали</button></div>
  134.                                         </form>
  135.                                 </div>
  136.                                 <div class="col-md-6"><div class="center-block" id="cell">
  137.                                         <div class="quard"></div>
  138.                                         <div class="quard"></div>
  139.                                         <div class="quard"></div>
  140.                                         <div class="quard">
  141.                                                
  142.                                         </div></div></div>
  143.                                 </div>
  144.                         </div>
  145.                 </body>
  146.         </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!