本文目錄一覽:
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代碼
!DOCTYPE HTML
html lang=”en”
head
meta http-equiv = “X-UA-Compatible” content = “IE=edge,chrome=1” /
meta http-equiv=”Content-Type” content=”text/html;charset=UTF-8″
title倒計時/title
link rel=”stylesheet” href=”css.css” type=”text/css” media=”screen”
script src=””/script
/head
body
style.date_details_edd input{text-align:center;}/style
div class=”second”
input type=”text” value=”60000″ id=”second”!–可以隱藏–
/div
div class=”end_time”
距離活動結束還有:span0/spanstrong天/strongspan0/spanstrong小時/strongspan0/spanstrong分/strongspan0/spanstrong秒/strong
/div
script
function play(){
var s=$(‘#second’).val(); //獲得秒數
var ss=s;
var day=Math.floor(s/86400); //獲取天數
s=s%86400;
var hours=Math.floor(s/3600); //小時數
s=s%3600;
var minutes=Math.floor(s/60); //分鐘
s=s%60;
var s4=s;
if(day=0 hours=0 minutes=0 s4=0){
alert(1);
clearInterval(timer);
}else{
$(“.end_time span”).eq(0).html(fullZero(day,2)); //賦值 天數
$(“.end_time span”).eq(1).html(fullZero(hours,2)); //小時
$(“.end_time span”).eq(2).html(fullZero(minutes,2));//分鐘
$(“.end_time span”).eq(3).html(fullZero(s4,2)); //秒
$(‘#second’).val(ss-1);
}
}
$(function(){
var timer=setInterval(play,1000);
})
//給時間前面補0
function fullZero(_time,n){
var str=””+_time;
while(str.lengthn){
str=”0″+str;
}
return str;
};
/script
/body
/html
求一個倒計時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毫秒以後執行一次本函數
};
望採納!
幫忙改一個js倒計時代碼
(function(timeleft) {
var minutes = 0,
seconds = 0,
caller = arguments.callee,
timer;
if(–timeleft = 0) {
minutes = Math.floor(timeleft / 60);
seconds = Math.floor(timeleft % 60);
document.all[“timer”].innerHTML = “距離結束還有” + minutes + “分” + seconds + “秒”;
if (timeleft == 5 * 60) {
alert(‘注意,還有5分鐘!’);
}
setTimeout(function() {
caller(timeleft);
}, 1000);
} else {
alert(“時間到,結束!”);
}
}(3600));
原創文章,作者:URNRO,如若轉載,請註明出處:https://www.506064.com/zh-hant/n/130879.html