倒計時代碼CSS
2014/1/26 7:22:33
對于自己制作網站的朋友們在網站制作中可能會用到下面的一段代碼。在這里給大家分享一段時間倒計時的代碼:效果如下圖所示。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>倒計時代碼</title>
<script type="text/javascript">
function setBackTime(y/*year*/,m/*month*/,d/*day*/,h/*hour*/,s/*minutes*/){
var str = "var end = new Date(parseInt("+y+"),parseInt("+m+")-1,parseInt("+d+")";
if(typeof h !="undefined"){
str += ",parseInt("+h+")"
}
if(typeof s !="undefined"){
str += ",parseInt("+s+")"
}
str +=");";
eval(str);
var now = new Date();
var sp = end.getTime() - now.getTime();//毫秒數(shù)
sp = Math.ceil(sp/(1000*60*60*24));
return sp;
}
window.onload = function(){
var doc = document.getElementById("showDay");
setInterval(function(){
doc.innerHTML = setBackTime(2013,12,12);
},1000);
}
</script>
</head>
<body>
距離2013-12-12還有<span id="showDay"></span>天
</body>
</html>
此代碼可以自己添加到網站頁面代碼里,實現(xiàn)您想要的距離某個日子還有多少天的效果,每過一天數(shù)字就減少1??梢詫⒋舜a添加到您的網站首頁代碼中使用。其中代碼里的2013,12,12這個數(shù)字是可以自己隨意更改的。也可以改成文字,比如距離2014.1.31還有多少天。
這段代碼希望給那些愿意學習HTML和CSS 的朋友們提供幫助。大家可以用來測試使用。
返回列表
返回首頁
主站蜘蛛池模板:
国产xxxx做受视频|
女人18毛片a级毛片免费|
亚洲国产另类久久久精品黑人|
精品国产麻豆免费人成网站|
国产成人免费在线|
78期马会传真|
天天爱天天干天天|
中文天堂在线最新版在线www
|
波多野结衣中文字幕一区二区三区
|
亚洲性图第一页|
国内自拍成人网在线视频|
一本色道久久88亚洲综合|
老师让我她我爽了好久动漫|
国产精品99久久久久久董美香|
99re在线视频|
女人隐私秘视频黄www免费|
中文字幕在线视频免费|
日韩在线看片免费人成视频播放|
亚洲成人在线免费观看|
热99re久久精品香蕉|
国产成人亚洲综合无|
3d区在线观看|
成人免费网站视频|
久久久久亚洲精品无码蜜桃|
最刺激黄a大片免费网站|
亚洲国产成人精品无码区在线观看|
特大巨黑吊aw在线播放|
全彩里番acg里番本子|
美女被网站大全在线视频|
国产乱子伦精品无码码专区|
黄网站色视频免费观看|
国产爆乳无码一区二区麻豆|
2019亚洲午夜无码天堂|
国产高清在线精品免费软件|
free性中国熟女hd|
孩交精品xxxx视频视频|
一级黄色在线播放|
成人在线激情网|
中文字幕人妻丝袜美腿乱|
日本一卡2卡3卡4卡三卡视频
|
jux434被公每天侵犯的我|