บทความนี้อธิบายถึงผลกระทบของนาฬิกาดิจิตอลการนับถอยหลังเว็บที่ใช้โดย JS แบ่งปันสำหรับการอ้างอิงของคุณ วิธีการใช้งานเฉพาะมีดังนี้:
คัดลอกรหัสดังนี้: <! 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> นาฬิกานับถอยหลังใช้งานโดย JavaScript </title>
<style>
ร่างกาย, div {margin: 0; padding: 0;}
Body {color: #FFFF; FONT: 16PX/1.5/5FAE/8F6F/96C5/9ED1;}
#CountDown {width: 300px; text-sall: center; พื้นหลัง:#1a1a1a; margin: 10px auto; padding: 20px 0;}
อินพุต {border: 0; ความกว้าง: 283px; ความสูง: 50px; เคอร์เซอร์: ตัวชี้; margin-top: 20px; พื้นหลัง: url (// www.vevb.com/jscss/demoimg/201210/btn-1.png)
input.cancel {ตำแหน่งพื้นหลัง: 0 -50px;}
Span {color:#000; Width: 80px; Line-Height: 2; พื้นหลัง: #FBFBFB; BORDING: 2PX SOLID#B4B4B4; มาร์จิ้น: 0 10PX; PADDING: 0 10PX;}
</style>
<script>
window.onload = function ()
-
var ocountdown = document.getElementById ("นับถอยหลัง");
var ainput = ocountdown.getElementsByTagname ("อินพุต") [0];
ตัวจับเวลา var = null;
ainput.onclick = function ()
-
this.className == ""? (timer = setInterval (updateTime, 1000), updateTime ()): (ClearInterval (ตัวจับเวลา));
this.className = this.className == ''? "ยกเลิก" : '';
-
รูปแบบฟังก์ชัน (a)
-
return a.toString (). แทนที่ (/^(/d) $/, '0 $ 1')
-
ฟังก์ชั่น updateTime ()
-
var aspan = ocountdown.getElementsByTagname ("span");
var oremain = aspan [0] .innerhtml.replace (/^0/, '') * 60 + parseint (aspan [1] .innerhtml.replace (/^0/, ''));
ถ้า (oremain <= 0)
-
ClearInterval (ตัวจับเวลา);
กลับ
-
oremain--;
aspan [0] .innerhtml = รูปแบบ (parseint (oremain / 60));
oremain %= 60;
aspan [1] .innerhtml = รูปแบบ (parseint (oremain));
-
-
</script>
</head>
<body>
<div id = "countdown">
<span> 01 </span> min <span> 40 </span> วินาที
<input type = "button" value = "" />
</div> wulin.com www.vevb.com รหัสพิเศษเอฟเฟกต์
</body>
</html>
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน