หน้าหลัก โค้ด-บทความ php โค้ด-บทความ javascript โค้ด-บทความ css สารบัญ สารบัญ

ทักทายครับ

สวัสดีครับ หลังจากที่ blog นี้หยุดการอัพเดททบความเกี่ยวกับโค้ดในการใช้ทำเวปไปนานไม่ว่าจะเป็น code php, html, javascript, css, ajax เนื่องจากผมไม่ค่อยมีเวลาจนลืม blog นี้ไปเลย นึกขึ้นได้ตอนปีใหม่ ไปค้นหาใน google แล้วตกใจ เนื่องจาก blog นี้ไปอยู่ลำดับที่ 1 ของการค้นหา ไม่เชื่อลองดู เลยขอถือโอกาสเริ่มต้นใหม่ในช่วงปีใหม่นี้เริ่มอัพเดทบทความตั้งแต่ตอนนี้เป็นต้นไป หวังเป็นอย่างยิ่งว่าจะมีผู้ติดตามบทความของผมต่อไปน่ะครับ ปล.ท่านใดสนใจลงโฆษณาสามารถติดต่อได้ที่ hotcodephp@gmail.com

24 พ.ค. 2555

ฟังก์ชัน time() อย่างง่าย กับการแสดง เงื่อนไข ช่วงเวลา


ฟังก์ชัน time() ในภาษา php สามารถนำไปประยุกต์ใช้ได้หลายอย่าง ในตัวอย่างนี้คือ ใครที่ต้องการเพิ่มลูกเล่นให้กับ website ของตัวเอง เช่น การเปลี่ยนหน้าตา website ไปตามช่วงเวลา กำหนดแบบอัตโนมัติ หรือจะนำไปประยุกต์ใช้ กับการแสดงข้อมูล ตามช่วงเวลา ตัวอย่างโค้ด php ต่อไปนี้เป็นการประยุกต์ใช้งาน ฟังก์ชัน time() อย่างง่าย โดยอาศัยการเปรียบเทียบค่า timestamp ของช่วงเวลา มาเป็นเงื่อนไข


เช่น ต้องการกำหนด style ให้กับเว็บไซต์ ใน 3 ช่วงเวลา
คือ
1---6.00 น. - 12.00 น.
2---12.01 น.- 18.00 น.
3---เวลานอกจาก 2 ช่วงข้างต้น 18.01-06.00 น.ของวันใหม่

ตัวอย่าง Code php


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>use time function</title>
<?php
if(time()>=strtotime("06:00:00") && time()<strtotime("06:00:00 + 6 hour ")){
$style_period="-period1";
}
if(time()>=strtotime("12:00:00") && time()<strtotime("12:00:00 + 6 hour ")){
$style_period="-period2";
}
if(time()>=strtotime("18:00:00") && time()<strtotime("18:00:00 + 12 hour ")){
$style_period="-period3";
}
?>
<link rel="stylesheet" type="text/css" href="yourstyle<?=$style_period?>.css"/>
</head>

<body>


</body>
</html>

ดังนั้นจากตัวอย่างข้างต้นจำเป็นที่เราต้องมีไฟล์ css 3 ไฟล์น่ะครับ โดยตั้งชื่อไฟล์ดังนี้
yourstyle-period1.css
yourstyle-period2.css
yourstyle-period3.css



ไม่มีความคิดเห็น: