เมื่อวานหลังจากตัดสินใจได้ไม่นาน ผมก็ลงมือทำระบบ Rubik’s Cube Timer ใหม่หมด
เรียกว่ารื้อกันหมดเลยทีเดียว ลองคิดก่อนทำ ปรากฎว่าโค้ดที่ได้ออกมา สั้นกว่าเดิมเยอะมาก

และหลังจากทำระบบเสร็จ ก็เริ่มตกแต่งหน้าตาโดยลอกมาจาก #thaiWitter อิอิ
พอแต่งเสร็จก็นึกครึ้มขึ้นมาว่า ถ้าเกิดเวลาตัวเลขมันวิ่งแล้วสีมันสลับไปมาคงจะแนวพิลึก
ก็เลยคิดจะทำดูครับ จริงๆ แล้วมันมี Library ตั้งมากมายที่ทำให้อะไรๆ มันง่ายขึ้น
แต่ก็ด้วยใจอยากนึกอยากลอง ก็เลยลองเขียนขึ้นมาเองครับ

ตอนนี้ก็เสร็จเรียบร้อยแล้ว เอาลงตัว Timer เรียบร้อยแล้วด้วย
โดยเหตุการณ์ครั้งนี้สอนให้ผมรู้ว่า IE มัน pass argument ผ่าน setTimeout ไม่ได้
เช่น setTimeout(fn, msec, arg1, …); อย่างนี้ไม่ได้
ต้องเป็น setTimeout(function(){ fn(arg1, …); }, msec); แทน

นี่ก็โค้ดครับ colorFade.js

รูปแบบการใช้:
zn.cf(from, to, duration, function);
ตัวอย่างการใช้:

var el = document.getElementById("WTF");
zn.cf(zn.hrgb("#000000"), zn.hrgb("#ffffff"), 1, function(x){
   el.style.color = "rgb(" + Math.round(x[0]) + "," + Math.round(x[1]) + "," + Math.round(x[2]) +")";
});


ก็ลองๆ ไปทดสอบกันดูนะครับ =) ผิดพลาดประการใด ขออภัยมา ณ ที่นี่ด้วย