|
![](/images/resource/spacer.gif) |
|
กำหนดเวลาเริ่มต้น บวก 2 ชั่วโมง และแสดงเวลาสิ้นสุด javascript html |
|
![](/images/resource/viewboard_01.gif?v=1001) |
|
|
![](/images/resource/viewboard_03.gif?v=1001) |
![](/images/resource/viewboard_04.gif?v=1001) |
|
UI ใช้ของอะไรอยู่ครับ ขอดูโค้ดที่ทำไปแล้วได้หรือไม่
|
![](/images/resource/blockviewtopic_01.gif?v=1001) |
![](/images/resource/blockviewtopic_02.gif?v=1001) |
![](/images/resource/blockviewtopic_03.gif?v=1001) |
![](/images/resource/blockviewtopic_04.gif?v=1001) |
Date :
2020-09-13 15:21:26 |
By :
PhrayaDev |
|
![](/images/resource/blockviewtopic_06.gif?v=1001) |
![](/images/resource/blockviewtopic_07.gif?v=1001) |
![](/images/resource/blockviewtopic_08.gif?v=1001) |
![](/images/resource/blockviewtopic_09.gif?v=1001) |
|
|
![](/images/resource/viewboard_06.gif?v=1001) |
![](/images/resource/viewboard_07.gif?v=1001) |
|
![](/images/resource/viewboard_08.jpg?v=1001) |
![](/images/resource/viewboard_09.gif?v=1001) |
![](/images/resource/viewboard_01.gif?v=1001) |
|
|
![](/images/resource/viewboard_03.gif?v=1001) |
![](/images/resource/viewboard_04.gif?v=1001) |
|
วันเวลาใน browser ให้คำนึง ถีง timezone ของเครื่อง client ด้วยนะครับ ถ้าเฉพาะประเทศไทย ก็ไม่มีปัญหาอะไร
แต่ถ้าเป็นเวลาทั่วโลก จะมีปัญหา การเก็บข้อมูล
|
![](/images/resource/blockviewtopic_01.gif?v=1001) |
![](/images/resource/blockviewtopic_02.gif?v=1001) |
![](/images/resource/blockviewtopic_03.gif?v=1001) |
![](/images/resource/blockviewtopic_04.gif?v=1001) |
Date :
2020-09-13 16:58:58 |
By :
Chaidhanan |
|
![](/images/resource/blockviewtopic_06.gif?v=1001) |
![](/images/resource/blockviewtopic_07.gif?v=1001) |
![](/images/resource/blockviewtopic_08.gif?v=1001) |
![](/images/resource/blockviewtopic_09.gif?v=1001) |
|
|
![](/images/resource/viewboard_06.gif?v=1001) |
![](/images/resource/viewboard_07.gif?v=1001) |
|
![](/images/resource/viewboard_08.jpg?v=1001) |
![](/images/resource/viewboard_09.gif?v=1001) |
![](/images/resource/viewboard_01.gif?v=1001) |
|
|
![](/images/resource/viewboard_03.gif?v=1001) |
![](/images/resource/viewboard_04.gif?v=1001) |
|
Code (JavaScript)
<!DOCTYPE html>
<html>
<body>
Time: <input type="time" id="myTime" value="16:32:55" onchange="myFunction()">
<p id="demo"></p>
<script>
function myFunction() {
var myTime = document.getElementById("myTime");
var arr = myTime.value.split(":"); // arr[0] ชม., arr[1] นาที, arr[2] วินาที(+เสี้ยววิ)
var x = parseInt(arr[0]) + 2; // บวกสอง ชม.
var y = x > 23 ? x - 24 : x; // บังคับตัวเลข ชม. เป็น 00-23
var d = (y < 10 ? "0" + y : y) + ":" + arr[1] + ":" + arr[2]; // ใส่ศูนย์หน้าตัวเลขที่น้อยกว่าสิบ
myTime.value = d;
document.getElementById("demo").innerHTML = myTime.value;
}
</script>
</body>
</html>
https://www.w3schools.com/code/tryit.asp?filename=GIP9MC9HA3OP
ตัวอย่างนี้เป็น pure JavaScript + pure String สำหรับ jQuery ลองประยุกต์ใช้ดูครับ
|
ประวัติการแก้ไข 2020-09-13 18:32:48
![](/images/resource/blockviewtopic_01.gif?v=1001) |
![](/images/resource/blockviewtopic_02.gif?v=1001) |
![](/images/resource/blockviewtopic_03.gif?v=1001) |
![](/images/resource/blockviewtopic_04.gif?v=1001) |
Date :
2020-09-13 18:30:36 |
By :
PhrayaDev |
|
![](/images/resource/blockviewtopic_06.gif?v=1001) |
![](/images/resource/blockviewtopic_07.gif?v=1001) |
![](/images/resource/blockviewtopic_08.gif?v=1001) |
![](/images/resource/blockviewtopic_09.gif?v=1001) |
|
|
![](/images/resource/viewboard_06.gif?v=1001) |
![](/images/resource/viewboard_07.gif?v=1001) |
|
![](/images/resource/viewboard_08.jpg?v=1001) |
![](/images/resource/viewboard_09.gif?v=1001) |
|
|
|
![](/images/digitalocean-banner.jpg)
|
Load balance : Server 03
|