本文目錄一覽：
JS倒計時頁面代碼（要求讀取伺服器時間）
script language=”JavaScript”
function setTab(name,cursel,n){
for(i=1;i=n;i++){
var menu=document.getElementById(name+i);
var con=document.getElementById(“con_”+name+”_”+i);
menu.className=i==cursel?”hover”:””;
con.style.display=i==cursel?”block”:”none”;
}
}var DifferenceHour = -1
var DifferenceMinute = -1
var DifferenceSecond = -1
var Tday = new Date(“Feb 14, 2010 00:00:00”) //**倒計時時間點-注意格式
var daysms = 24 * 60 * 60 * 1000
var hoursms = 60 * 60 * 1000
var Secondms = 60 * 1000
var microsecond = 1000function left(mainStr,lngLen) {
if (lngLen0) {return mainStr.substring(0,lngLen)}
else{return null}
}
function right(mainStr,lngLen) { if (mainStr.length-lngLen=0 mainStr.length=0 mainStr.length-lngLen=mainStr.length) {
return mainStr.substring(mainStr.length-lngLen,mainStr.length)}
else{return null}
}
function mid(mainStr,starnum,endnum){
if (mainStr.length=0){
return mainStr.substr(starnum,endnum)
}else{return null} }function clock()
{
var time = new Date()
var hour = time.getHours()
var minute = time.getMinutes()
var second = time.getSeconds()
var timevalue = “”+((hour 12) ? hour-12:hour)
timevalue +=((minute 10) ? “:0″:”:”)+minute
timevalue +=((second 10) ? “:0″:”:”)+second
timevalue +=((hour 12 ) ? ” PM”:” AM”)var convertHour = DifferenceHour
var convertMinute = DifferenceMinute
var convertSecond = DifferenceSecond
var Diffms = Tday.getTime() – time.getTime()
DifferenceHour = Math.floor(Diffms / daysms)
Diffms -= DifferenceHour * daysms
DifferenceMinute = Math.floor(Diffms / hoursms)
Diffms -= DifferenceMinute * hoursms
DifferenceSecond = Math.floor(Diffms / Secondms)
Diffms -= DifferenceSecond * Secondms
var dSecs = Math.floor(Diffms / microsecond)var dd=document.getElementById(“dd”);
var hh=document.getElementById(“hh”);
var mm=document.getElementById(“mm”);
var ss=document.getElementById(“ss”);ddstr = DifferenceHour.toString();
hhstr = DifferenceMinute.toString();
mmstr = DifferenceSecond.toString();
ssstr = dSecs.toString();if (Tday.getTime() time.getTime()){
if (ddstr.length2){
ddstrs = “span class=’num0’/spanspan class=’num”+ddstr.substr(0,1)+”‘/span”;
}else{
ddstrs = “span class=’num”+ddstr.substr(0,1)+”‘/spanspan class=’num”+ddstr.substr(1,2)+”‘/span”;
}if (hhstr.length2){
hhstrs = “span class=’num0’/spanspan class=’num”+hhstr.substr(0,1)+”‘/span”;
}else{
hhstrs = “span class=’num”+hhstr.substr(0,1)+”‘/spanspan class=’num”+hhstr.substr(1,2)+”‘/span”;
}if (mmstr.length2){
mmstrs = “span class=’num0’/spanspan class=’num”+mmstr.substr(0,1)+”‘/span”;
}else{
mmstrs = “span class=’num”+mmstr.substr(0,1)+”‘/spanspan class=’num”+mmstr.substr(1,2)+”‘/span”;
}if (ssstr.length2){
ssstrs = “span class=’num0’/spanspan class=’num”+mmstr.substr(0,1)+”‘/span”;
}else{
ssstrs = “span class=’num”+ssstr.substr(0,1)+”‘/spanspan class=’num”+ssstr.substr(1,2)+”‘/span”;
}
}else{
ddstrs=”span class=’num0’/spanspan class=’num0’/span”
hhstrs=”span class=’num0’/spanspan class=’num0’/span”
mmstrs=”span class=’num0’/spanspan class=’num0’/span”
ssstrs=”span class=’num0’/spanspan class=’num0’/span”
}if(convertHour != DifferenceHour) dd.innerHTML=ddstrs;
if(convertMinute != DifferenceMinute) hh.innerHTML=hhstrs;
if(convertSecond != DifferenceSecond) mm.innerHTML=mmstrs;
ss.innerHTML=ssstrs;
setTimeout(“clock()”,1000)}/script 上面的是JS部分的。 下面是HTML部分的。div class=”mains”
div class=”djs”
div id=”dd”/div
div id=”tsfm”天/div
div id=”hh”/div
div id=”tsfm”時/div
div id=”mm”/div
div id=”tsfm”分/div
div id=”ss”/div
div id=”tsfm”秒/div
/div 我上面的JS部分的數字全部是用的圖片格式顯示倒計時數字的哈，你也可以自己改成數字。 好了，上面的代碼全部是我之前給客戶寫的一個春節倒計時賀卡的程序頁面，純原創，並且一直在用，所以是沒有任何問題的，你自己應該懂一些技術吧，所以上面的代碼你應該看的懂，很簡單的。 就不要再追問了，自己多下下功夫研究下，因為最近比較忙，不見得有時間回復，見諒。記得給我分哈，要升級這個號的級別，以後好推廣用，謝謝了。
JS 倒計時實現代碼(時、分，秒)
JS實現倒計時(時、分，秒)
var
interval
=
1000;
function
ShowCountDown(year,month,day,divname)
{
var
now
=
new
Date();
var
endDate
=
new
Date(year,
month-1,
day);
var
leftTime=endDate.getTime()-now.getTime();
var
leftsecond
=
parseInt(leftTime/1000);
//var
day1=parseInt(leftsecond/(24*60*60*6));
var
day1=Math.floor(leftsecond/(60*60*24));
var
hour=Math.floor((leftsecond-day1*24*60*60)/3600);
var
minute=Math.floor((leftsecond-day1*24*60*60-hour*3600)/60);
var
second=Math.floor(leftsecond-day1*24*60*60-hour*3600-minute*60);
var
cc
=
document.getElementById(divname);
cc.innerHTML
=
“腳本之家提示距離”+year+”年”+month+”月”+day+”日還有：”+day1+”天”+hour+”小時”+minute+”分”+second+”秒”;
}
window.setInterval(function(){ShowCountDown(2010,4,20,’divdown1′);},
interval);
[Ctrl+A
全選
注:如需引入外部Js需刷新才能執行]
求一個倒計時js代碼,非常簡單的
邏輯如下：
1、先判斷兩個時間的時間差，當然如果得到的時間是13位時間戳的話你需要轉化一下
2、判斷時間夠一天顯示天數，夠一小時顯示小時數
相關代碼：
//獲取時間，時間戳轉換，不是則不轉
var mydate1 = new Date(parseInt(time1.replace(“/Date(“, “”).replace(“)/”, “”)));
var mydate2 = new Date(parseInt(time2.replace(“/Date(“, “”).replace(“)/”, “”)));
//獲取剩餘秒數
var timerc =dateDiff(mydate, ‘2015/05/19 10:00:00’) / 1000;
function dateDiff(date1, date2) {
var dt1 = new Date(Date.parse(date1));
var dt2 = new Date(Date.parse(date2));
try {
return Math.round((dt2.getTime() – dt1.getTime()));
}
catch (e) {
return e.message;
}
}
//循環調用倒計時
function add() { //加時函數
–timerc; //時間變數自減1
var day = parseInt(timerc / 86400);
var hour = parseInt((timerc % 86400) / 3600);
var min = parseInt((timerc % 3600) / 60);
var sec = Number(parseInt(timerc % 60 / 10)).toString() + Number(parseInt((timerc % 10))).toString();
if (day 0) { //如果不到5分鐘
$(“#day”).html(day + ‘天’); //寫入天數
$(“#hour”).html(hour + ‘時’); //寫入小時數
$(“#min”).html(min + ‘分’); //寫入分鐘數
$(“#sec”).html(sec + ‘秒’); //寫入秒數（兩位）
}
else if (hour 0) {
$(“#hour”).html(hour + ‘時’); //寫入小時數
$(“#min”).html(min + ‘分’); //寫入分鐘數
$(“#sec”).html(sec + ‘秒’); //寫入秒數（兩位）
}
else if (min 0) {
$(“#min”).html(min + ‘分’); //寫入分鐘數
$(“#sec”).html(sec + ‘秒’); //寫入秒數（兩位）
}
else if (sec != ’00’) {
$(“#sec”).html(sec + ‘秒’); //寫入秒數（兩位）
}
else {
tiao(activity); return true;//時間到0調用函數
}
setTimeout(“add()”, 1000); //設置1000毫秒以後執行一次本函數
};
望採納！
原創文章，作者：CXLL，如若轉載，請註明出處：https://www.506064.com/zh-tw/n/143399.html
微信掃一掃 
支付寶掃一掃 