JavaScript逼真圖片倒計時實(shí)現(xiàn)代碼_時間日期

來源：懂視網(wǎng) 責(zé)編：小采時間：2020-11-27 20:55:04

JavaScript逼真圖片倒計時實(shí)現(xiàn)代碼_時間日期

JavaScript逼真圖片倒計時實(shí)現(xiàn)代碼_時間日期:逼真的Js圖片倒計時，顯示剩余小時、分鐘、秒數(shù)。僅用了一張圖片就搞定了，與純網(wǎng)頁版的不太一樣哦。現(xiàn)在用圖片模擬LED的效果，還真不錯，希望大家徹底喜歡哦。逼真圖片倒計時 .time{width:200px;height:25px;border:1px red sol

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

導(dǎo)讀JavaScript逼真圖片倒計時實(shí)現(xiàn)代碼_時間日期:逼真的Js圖片倒計時，顯示剩余小時、分鐘、秒數(shù)。僅用了一張圖片就搞定了，與純網(wǎng)頁版的不太一樣哦。現(xiàn)在用圖片模擬LED的效果，還真不錯，希望大家徹底喜歡哦。逼真圖片倒計時 .time{width:200px;height:25px;border:1px red sol

逼真的Js圖片倒計時，顯示剩余小時、分鐘、秒數(shù)。僅用了一張圖片就搞定了，與純網(wǎng)頁版的不太一樣哦。現(xiàn)在用圖片模擬LED的效果，還真不錯，希望大家徹底喜歡哦。

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>逼真圖片倒計時</title> 
<meta http-equiv="content-type" content="text/html;charset=gb2312"> 
<style type="text/css"> 
.time{width:200px;height:25px;border:1px red solid;overflow:hidden;} 
.time span{float:left;line-height:25px;height:25px;overflow:hidden;} 
.time span.danwei{padding:0 1px;} 
.clear{height:0;clear:both;overflow:hidden;} 
</style> 
</head> 
<body> 
距離發(fā)射升空還有： 
 
<img id="hour_01" alt="" src="https://www.gxlcms.com/Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s/new/2019-09-25-201925/20100917154719975.jpg"> 
<img id="hour_02" alt="" src="https://www.gxlcms.com/Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s/new/2019-09-25-201925/20100917154719975.jpg"> 
<img id="hour_03" alt="" src="https://www.gxlcms.com/Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s/new/2019-09-25-201925/20100917154719975.jpg"> 
： 
<img id="minute_01" alt="" src="https://www.gxlcms.com/Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s/new/2019-09-25-201925/20100917154719975.jpg"> 
<img id="minute_02" alt="" src="https://www.gxlcms.com/Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s/new/2019-09-25-201925/20100917154719975.jpg"> 
： 
<img id="second_01" alt="" src="https://www.gxlcms.com/Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s/new/2019-09-25-201925/20100917154719975.jpg"> 
<img id="second_02" alt="" src="https://www.gxlcms.com/Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s/new/2019-09-25-201925/20100917154719975.jpg"> 
<br class="clear"> 
 
<script type="text/javascript"> 
var overa; 
overa = new Date(2010, 10, 01, 00, 00);///第數(shù)日時間當(dāng)時間超過999小時 
var localNow = new Date(); 
function clock1(){ 
var local = new Date(); 
var intDiff = overa.getTime() - local.getTime(); 
if(intDiff <= 0){document.getElementById('time1').innerHTML = "活動已結(jié)束！";//顯示活動結(jié)束 
return false;} 
var day = Math.floor(intDiff / (1000 * 60 * 60 * 24)); 
var hour = Math.floor(intDiff / (1000 * 60 * 60)) - (day * 24); 
var hour2 = Math.floor(intDiff / (1000 * 60 * 60)); 
var minute = Math.floor(intDiff / (1000 * 60)) - (day * 24 * 60) - (hour * 60); 
var second = Math.floor(intDiff / 1000) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60); 
if (hour2 <= 99) hour2 = '0' + hour2; 
if (day <= 9) day = '0' + day; 
if (hour2 <= 9) hour2 = '0' + hour2; 
if (minute <= 9) minute = '0' + minute; 
if (second <= 9) second = '0' + second; 
document.getElementById('hour_01').style.marginTop = (hour2.toString().substr(0,1)) * (-25) +'px'; 
document.getElementById('hour_02').style.marginTop = (hour2.toString().substr(1,1)) * (-25) +'px'; 
document.getElementById('hour_03').style.marginTop = (hour2.toString().substr(2,1)) * (-25) +'px'; 
document.getElementById('minute_01').style.marginTop = (minute.toString().substr(0,1)) * (-25) +'px'; 
document.getElementById('minute_02').style.marginTop = (minute.toString().substr(1,1)) * (-25) +'px'; 
document.getElementById('second_01').style.marginTop = (second.toString().substr(0,1)) * (-25) +'px'; 
document.getElementById('second_02').style.marginTop = (second.toString().substr(1,1)) * (-25) +'px'; 
setTimeout("clock1()", 1000); 
} 
clock1(); 
</ script> 
</body> 
</html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

JavaScript逼真圖片倒計時實(shí)現(xiàn)代碼_時間日期

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

標(biāo)簽：時間日期 js 逼真

熱門焦點(diǎn)

国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

JavaScript逼真圖片倒計時實(shí)現(xiàn)代碼_時間日期

JavaScript逼真圖片倒計時實(shí)現(xiàn)代碼_時間日期

JavaScript逼真圖片倒計時實(shí)現(xiàn)代碼_時間日期

最新推薦

猜你喜歡

熱門推薦