差異處

這裏顯示兩個版本的差異處。

--- playground:playground [2017/09/22 13:09]
admin
+++ playground:playground [2018/03/07 03:11]
admin
@@ 行 1: / 行 1: @@
-{{indexmenu>:#1 :research#1 :member#1}}
-<WRAP shadow tip>test</WRAP>
 <html>
 <body>
   <a href="http://caslab.ee.ncku.edu.tw/dokuwiki/research:technique" id ="animate"><b>七彩霓虹燈</b></a>
 <script>
-  var pos = 1;
+  var upbd = 255;
-  var id = setInterval(frame, 1000);
+  var lwbd = 0;
+  var r=lwbd;
+  var g=115;
+  var b=upbd;
+  var rd=0;
+  var gd=-1;
+  var bd=0;
+  var id = setInterval(frame, 1);
   function frame() {
     var elem = document.getElementById("animate");
-    switch(pos){
-      case 0: elem.style.color = "RED";pos=1;break;
+      elem.style.color = "rgb("+r+","+g+","+b+")";
-      case 1: elem.style.color = "ORANGE";pos=2;break;
-      case 2: elem.style.color = "YELLOW";pos=3;break;
-      case 3: elem.style.color = "GREEN";pos=4;break;
+      r=r+rd;
-      case 4: elem.style.color = "BLUE";pos=5;break;
+      g=g+gd;
-      case 5: elem.style.color = "Indigo";pos=6;break;
+      b=b+bd;
-      case 6: elem.style.color = "Violet";pos=0;break;
-      default:break;
+      if(r==upbd&&rd==1){
+        rd=0;
+        if(g==upbd){
+          gd=-1;
+        }else if(b==upbd){
+          bd=-1;
+        }
       }
+      else if(r==lwbd&&rd==-1){
+        rd=0;
+        if(g==lwbd){
+          gd=1;
+        }else if(b==lwbd){
+          bd=1;
+        }
+      }
+      else if(g==upbd&&gd==1){
+        gd=0;
+        if(r==upbd){
+          rd=-1;
+        }else if(b==upbd){
+          bd=-1;
+        }
+      }
+       else if(g==lwbd&&gd==-1){
+        gd=0;
+        if(r==lwbd){
+          rd=1;
+        }else if(b==lwbd){
+          bd=1;
+        }
+      }
+       else if(b==upbd&&bd==1){
+        bd=0;
+        if(g==upbd){
+          gd=-1;
+        }else if(r==upbd){
+          rd=-1;
+        }
+      }
+      else if(b==lwbd&&bd==-1){
+        bd=0;
+        if(g==lwbd){
+          gd=1;
+        }else if(r==lwbd){
+          rd=1;
+        }
+     }
   }
 </script>
 </body>
 </html>

計算機架構與系統實驗室

使用者工具

網站工具

差異處

頁面工具