本文目錄一覽:
求一個倒計時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));
js倒計時(距離結束還有多少時間)的代碼分享
!doctype html
html
head
meta charset=”utf-8″
title簡單易用的倒計時js代碼/title
style
*{ margin:0; padding:0; list-style:none;}
body{ font-size:18px; text-align:center;}
.time{ height:30px; padding:200px;}
/style
/head
body
div class=”time”
span id=”t_d”00天/span
span id=”t_h”00時/span
span id=”t_m”00分/span
span id=”t_s”00秒/span
/div
script
function GetRTime(){
var EndTime= new Date(‘2014/09/20 00:00:00’);
var NowTime = new Date();
var t =EndTime.getTime() – NowTime.getTime();
var d=0;
var h=0;
var m=0;
var s=0;
if(t=0){
d=Math.floor(t/1000/60/60/24);
h=Math.floor(t/1000/60/60%24);
m=Math.floor(t/1000/60%60);
s=Math.floor(t/1000%60);
}
document.getElementById(“t_d”).innerHTML = d + “天”;
document.getElementById(“t_h”).innerHTML = h + “時”;
document.getElementById(“t_m”).innerHTML = m + “分”;
document.getElementById(“t_s”).innerHTML = s + “秒”;
}
setInterval(GetRTime,0);
/script
/body
/html
JS 5秒倒計時的代碼怎麼寫?時間要實時顯示在屏幕上的。
!DOCTYPE html
html lang=”en”
head
meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /
titlejs實現倒計時60秒的簡單代碼(推薦)/title
script type=”text/javascript” src=”js/jquery.js”/script
/head
body
input type=”button” id=”btn” value=”免費獲取驗證碼” onclick=”settime(this)” /
script type=”text/javascript”
var countdown=60;
function settime(val) {
if (countdown == 0) {
val.removeAttribute(“disabled”);
val.value=”免費獲取驗證碼”;
countdown = 5;
} else {
val.setAttribute(“disabled”, true);
val.value=”重新發送(” + countdown + “)”;
countdown–;
setTimeout(function() {
settime(val)
},1000)
}
}
/script
/body
/html
JavaScript簡介
JavaScript 是腳本語言
JavaScript 是一種輕量級的編程語言。
JavaScript 是可插入 HTML 頁面的編程代碼。
JavaScript 插入 HTML 頁面後,可由所有的現代瀏覽器執行。
JavaScript 課外書
如果 JavaScript 教程學習完畢,並且需要更深入地學習這門語言,《JavaScript 高級教程》絕對是您最好的選擇。本教程從 JavaScript 的歷史開始講起,直到當前它對 XML 和 Web 服務的支持。
將學習到如何擴展該語言,以使它適應特殊的需求。
還將學到如何使用 JavaScript 創建無縫的客戶機 – 伺服器通信。
原創文章,作者:IFSAV,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/128560.html