EP.15 youtube.com/666

noMerzy | 2016-06-26 12:23:03

หลายคนคงเคยได้เรื่องสยองขวัญเกี่ยวกับ "username 666" ของยูทูปมาบ้าง ส่วนคนไม่รู้จักลองดูคลิปนี้ครับ

 


วันนี้ผมเลยจะมาลองเขียนโปรแกรมแบบนี้บ้าง โดยมีขั้นตอนการทำงานดังนี้
  1. เมื่อเข้ามายังเพจให้แจ้งข้อความ "ไม่พบหน้าที่ต้องการ"
  2. เมื่อรีเฟรซครบ 6 ครั้ง ตัวหนังสือจะเปลี่ยนเป็นสีแดง
  3. เมื่อรีเฟรซครบ 6 ครั้งต่อไปฉากหลังจะเปลี่ยนเป็นสีแดง
  4. เมื่อรีเฟรซครบ 6 ครั้งต่อไป จะทำการเล่นวิดีโอ

666.html
<!DOCTYPE html> <html> <head> <title>page not found</title> <style> iframe { position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 100; } </style> </head> <body> <h2 id="content">page not found!!</h2> <script> //ตัวแปรนับการรีเฟรซ var refresh = 0; //ตัวแปรแบ่งคุกกี้ตาม; // document.cookie = "666=1;" var cookies = document.cookie.split(';'); //เซตค่าเวลา var d = new Date(); //เวลาปัจจุบัน + 6 วินาที d.setTime(d.getTime() + (6000)); //เวลาหมดอายุ var expires = "expires=" + d.toUTCString(); //ลูปอ่านค่าคุกกี้ for (var i = 0; i < cookies.length; i++) { //แยกสตริงด้วย = // document.cookie = "666=1;" arr1 = cookies[i].split('='); //ถ้ามีค่าเดิมอยู่แล้ว คือ คีย์ = 666 (เคยเขาเว็ปนี้แล้ว) if (arr1[0] === "666") { //ให้ค่ารีเฟรซ = arr1[1] refresh = arr1[1]; } } //ถ้าเข้ามาครั้งแรก if (refresh === 0) { //เซ็ตค่าคุกกี้ 666 = 1 (1 คือค่ารีเฟรซ) ให้หมดอายุใน 6 วินาที document.cookie = '666=1;expires=' + expires; } //เพิ่มค่าการกดรีเฟรซ refresh++; //เซ็ตค่าคุกกี้ 666 = ค่ารีเฟรซ ให้หมดอายุใน 6 วินาที document.cookie = '666=' + refresh + ';expires=' + expires; //ถ้ารีเฟรซครบ 6 ครั้ง if (refresh > 6) { //เปลี่ยนตัวหนังสือเป็นสีแดง document.getElementById('content').style.color = "#ff6666"; } //ถ้ารีเฟรซครบ 12 ครั้ง เ if (refresh > 12) { //เปลี่ยนตัวหนังสือเป็นสีแดง document.getElementById('content').style.color = "#666"; //เปลี่ยนพื้นหลังเป็นสีแดง document.body.style.backgroundColor = "#ff6666"; } //ถ้ารีเฟรซครบ 18 ครั้ง แสดงวิดีโอ if (refresh === 19) { //เพิ่มวิดีโอ document.getElementById('content').innerHTML = '<iframe src="https://www.youtube.com/embed/c7rCyll5AeY?autoplay=1" frameborder="0" allowfullscreen></iframe>'; } </script> </body> </html>