jquery 顯示*天*時(shí)*分*秒實(shí)現(xiàn)時(shí)間計(jì)時(shí)器
更新時(shí)間:2014年05月07日 15:38:10 作者:
用jquery實(shí)現(xiàn)時(shí)間計(jì)時(shí)器,從之前的某個(gè)時(shí)間段到現(xiàn)在距離多少天多少時(shí)多少分多少秒,示例代碼如下,大家拷貝即可使用
1.用jquery實(shí)現(xiàn)時(shí)間計(jì)時(shí)器,從之前的某個(gè)時(shí)間段到現(xiàn)在距離多少天多少時(shí)多少分多少秒?
html代碼:
<div id="times_wrap" class="time_num">
距離現(xiàn)在時(shí)間:
<div class="time_w">
<span id="time_d" class="time"> </span >天
<span id="time_h" class="time"> </span >時(shí)
<span id="time_m" class="time"> </span >分
<span id="time_s" class="time"> </span >秒
</div>
</div>
<script type="text/javascript">
$(function(){
show_time();
});
function show_time(){
var time_start = new Date("2013/10/01 00:00:00").getTime();//設(shè)定開(kāi)始時(shí)間
var time_end = new Date().getTime(); //設(shè)定結(jié)束時(shí)間(等于系統(tǒng)當(dāng)前時(shí)間)
//計(jì)算時(shí)間差
var time_distance = time_end - time_start;
if(time_distance > 0){
// 天時(shí)分秒換算
var int_day = Math.floor(time_distance/86400000)
time_distance -= int_day * 86400000;
var int_hour = Math.floor(time_distance/3600000)
time_distance -= int_hour * 3600000;
var int_minute = Math.floor(time_distance/60000)
time_distance -= int_minute * 60000;
var int_second = Math.floor(time_distance/1000)
// 時(shí)分秒為單數(shù)時(shí)、前面加零
if(int_day < 10){
int_day = "0" + int_day;
}
if(int_hour < 10){
int_hour = "0" + int_hour;
}
if(int_minute < 10){
int_minute = "0" + int_minute;
}
if(int_second < 10){
int_second = "0" + int_second;
}
// 顯示時(shí)間
$("#time_d").html(int_day);
$("#time_h").html(int_hour);
$("#time_m").html(int_minute);
$("#time_s").html(int_second);
setTimeout("show_time()",1000);
}else{
$("#time_d").html('00');
$("#time_h").html('00');
$("#time_m").html('00');
$("#time_s").html('00');
}
}
</script>
html代碼:
復(fù)制代碼 代碼如下:
<div id="times_wrap" class="time_num">
距離現(xiàn)在時(shí)間:
<div class="time_w">
<span id="time_d" class="time"> </span >天
<span id="time_h" class="time"> </span >時(shí)
<span id="time_m" class="time"> </span >分
<span id="time_s" class="time"> </span >秒
</div>
</div>
<script type="text/javascript">
$(function(){
show_time();
});
function show_time(){
var time_start = new Date("2013/10/01 00:00:00").getTime();//設(shè)定開(kāi)始時(shí)間
var time_end = new Date().getTime(); //設(shè)定結(jié)束時(shí)間(等于系統(tǒng)當(dāng)前時(shí)間)
//計(jì)算時(shí)間差
var time_distance = time_end - time_start;
if(time_distance > 0){
// 天時(shí)分秒換算
var int_day = Math.floor(time_distance/86400000)
time_distance -= int_day * 86400000;
var int_hour = Math.floor(time_distance/3600000)
time_distance -= int_hour * 3600000;
var int_minute = Math.floor(time_distance/60000)
time_distance -= int_minute * 60000;
var int_second = Math.floor(time_distance/1000)
// 時(shí)分秒為單數(shù)時(shí)、前面加零
if(int_day < 10){
int_day = "0" + int_day;
}
if(int_hour < 10){
int_hour = "0" + int_hour;
}
if(int_minute < 10){
int_minute = "0" + int_minute;
}
if(int_second < 10){
int_second = "0" + int_second;
}
// 顯示時(shí)間
$("#time_d").html(int_day);
$("#time_h").html(int_hour);
$("#time_m").html(int_minute);
$("#time_s").html(int_second);
setTimeout("show_time()",1000);
}else{
$("#time_d").html('00');
$("#time_h").html('00');
$("#time_m").html('00');
$("#time_s").html('00');
}
}
</script>
相關(guān)文章
jquery中防刷IP流量軟件影響統(tǒng)計(jì)的一點(diǎn)對(duì)策
由于公司項(xiàng)目需要增加推廣獎(jiǎng)勵(lì)功能,網(wǎng)站用戶(hù)通過(guò)邀請(qǐng)地址發(fā)給QQ好友、論壇、個(gè)人網(wǎng)站之類(lèi),只要有通過(guò)邀請(qǐng)地址點(diǎn)擊進(jìn)來(lái)就算推廣成功(當(dāng)天同一個(gè)IP僅算一次),推廣人會(huì)獲得相應(yīng)的獎(jiǎng)勵(lì)、積分等。2011-07-07jquery獲取select,option所有的value和text的實(shí)例
下面小編就為大家?guī)?lái)一篇jquery獲取select,option所有的value和text的實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-03-03jQuery.ajax 跨域請(qǐng)求webapi設(shè)置headers的解決方案
需要通過(guò)服務(wù)器端設(shè)置響應(yīng)頭、正確響應(yīng)options請(qǐng)求,正確設(shè)置 JavaScript端需要設(shè)置的headers信息方能實(shí)現(xiàn),本文介紹的非常詳細(xì),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-08-08分享28款免費(fèi)實(shí)用的 JQuery 圖片和內(nèi)容滑塊插件
這篇文章主要介紹了分享28款免費(fèi)實(shí)用的 JQuery 圖片和內(nèi)容滑塊插件,需要的朋友可以參考下2014-12-12jquery Deferred 快速解決異步回調(diào)的問(wèn)題
下面小編就為大家?guī)?lái)一篇jquery Deferred 快速解決異步回調(diào)的問(wèn)題。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-04-04jQuery實(shí)現(xiàn)輸入框下拉列表樹(shù)插件特效代碼分享
這篇文章主要介紹了jQuery實(shí)現(xiàn)輸入框下拉列表樹(shù)特效,推薦給大家,有需要的小伙伴可以參考下。2015-08-08