創作內容

0 GP

【ECMA Script】彩色呼吸燈(?)背景

作者：♙♲⚙＼~O_O~／⚙♲♙│2018-04-19 12:45:48│巴幣：0│人氣：133
緣由：用網頁版逛勇造的時候，搞不清楚眼前的勇造到底是白色還是具有透明效果

逛勇造的時候在瀏覽器開發者工具打下面這段，使背景顏色不斷變換，以利檢視具有透明效果之勇造

var loop=function g(t,d,f,a){setTimeout(function(){if(new Date().getTime()<t)g(t,d,f,a);else if(f&&!f(a))g(new Date().getTime()+d,d,f,a);},1);};
var breathingBackgroundColor=function (a){/* a[0]:int_as_counter ; a[1]:function to get target_DOM */ if(stop!=false)return true; let n=a[0]/1024*Math.PI;a[0]=(a[0]+1)%2048;let nR=(0x80+parseInt(Math.cos(n*3)*0x60)),nG=(0x80+parseInt(Math.cos(n*5)*0x60)),nB=(0x80+parseInt(Math.cos(n)*0x60)), tmpR=(nR%256).toString(16),tmpG=((nG)%256).toString(16),tmpB=((nB)%256).toString(16); let t=a[1](); if(t!=undefined) t.style.backgroundColor="#"+(tmpR+tmpG+tmpB).toUpperCase();};
var stop=false;
loop(0,11,breathingBackgroundColor,[0,function(){return document.getElementById("avatarList").childNodes[1]}]);


若要停止只需再打上
stop=1;

重啟則是
stop=false; loop(0,11,breathingBackgroundColor,[0,document.body]);

衍生使用
loop(0,11,breathingBackgroundColor,[0, /* 這一格填你如何得到要改背景顏色的DOM的function */ ]);
比方說我想改 document.body 那就填 function(){return document.body;}
你可能會問我為什麼不直接使用document.body就好，以它來說確實如此。
但逛勇造的時候，顯示勇造們的那個 DOM 會被移除，然後新的會放上去，而寫死的話會拿到舊的，也就被無效了。
所以採用每次更新顏色時重新拿 DOM 的方式

對了 巴哈官方可以考慮做個開關(?)



喜歡 收藏 1 引用 留言 推上首頁 檢舉
引用網址：https://home.gamer.com.tw/TrackBack.php?sn=3960894
All rights reserved. 版權所有，保留一切權利

相關創作

同標籤作品搜尋：ECMA Script|造型百貨|底色變換|彩色呼吸燈(?)|終於不用比眼力了|這邊有個好新鮮的code|要用嗎|你就用一下啦|用啦用啦用啦用啦|用啦用啦用啦用啦

【ECMA script】彈幕遊戲，某堂課交差的作業
【ECMA Script】書籤工具 - 將 base64 字串解碼下載成檔案
【配件分享】厘子的上架商品陳列中

留言共 0 篇留言

我要留言提醒：您尚未登入，請先登入再留言

喜歡★agold404 可決定是否刪除您的留言，請勿發表違反站規文字。

前一篇：【玩windows】用指... 後一篇：【演算法】(雜項)...

追蹤私訊切換新版閱覽

作品資料夾

leetcode (7)
└medium (1)
└hard (50)

筆記 (5)
└algo. (5)
└short code (2)
└python (3)
└glue (0)
└software (5)
└backend_platform (1)
└assembly (1)
└C/C++ (4)
└web (5)
└demo(?) (7)
└程式教學(已遺忘學習過程，無法更新) (19)
└我不知道我在做什麼 (8)
└密碼學 (2)

sys (0)
└use FreeBSD (2)
└use Linux (1)
└playing Windows (10)

game (1)
└bin-edit (2)
└. (16)
└other (1)
└我做的(未使用特殊開發工具) (2)

RPG Maker MV (11)
└plugin (5)
└輔助用 (2)
└我做的 (5)

story (1)

? (15)

看標題即可 (3)

殘害耳朵 (3)

hidden (51)

/cfg (4)

隨便寫，隨便看，隨便紀錄，隨便分類 (55)

未分類 (7)

a86189642 給 祝福：
看到的人會變得幸福哦!看更多我要大聲說昨天08:54


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準，可能無法使用新的應用程式來呈現網站內容，在瀏覽器支援度及網站安全性的雙重考量下，為了讓巴友們有更好的使用體驗，巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特：
。Google Chrome（推薦）
。Mozilla Firefox
。Microsoft Edge（Windows10以上的作業系統版本才可使用）

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營，請將 gamer.com.tw 加入廣告阻擋工具的白名單中，謝謝 !【教學】