1.怎么写一个300秒倒计时循环html代码
2.倒计时html代码
怎么写一个300秒倒计时循环html代码
body
div id=timer/div
script type=text/javascript language=javascript
var endDate=new Date(,倒计,,,,);//现在时间的年月日时分秒，月要减去1
(function JiShi()
{
var now=new Date();
var oft=Math.round((endDate-now)/);
var ofd=parseInt(oft//);
var ofh=parseInt((oft%(*))/);
var ofm=parseInt((oft%)/);
var ofs=oft%;
document.getElementById(timer).innerHTML=还有 +ofd+ 天 +ofh+ 小时 +ofm+ 分钟 +ofs+ 秒;
if(ofs0){ document.getElementById(timer).innerHTML=倒计时结束！时源饥荒lua源码获取;return;};
setTimeout(JiShi(),码倒sys多人夺宝源码);
}());
/script
/body
倒计时html代码
倒计时的html代码：<!DOCTYPE HTML><html>
<head>
<meta charset="utf-8">
<title>CSS3圆环倒计时-源码搜藏网</title>
<style>
.pie { width:px; height:px; background-color:blue; border-radius:px; position:absolute; }
.pie1 { clip:rect(0px,px,px,px); -o-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); background:-moz-radial-gradient(% % 0deg, #, #ff); background:-webkit-gradient(radial, , 0, , , from(#), to(#ff)); }
.pie2 { clip:rect(0px,px,px,0px); -o-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); background:-moz-radial-gradient(% % 0deg, #, #ff); background:-webkit-gradient(radial, , 0, , , from(#), to(#ff)); }
.hold { width:px; height:px; position:absolute; z-index:1; }
.hold1 { clip:rect(0px,px,px,px); }
.hold2 { clip:rect(0px,px,px,0px); }
.bg { width:px; height:px; background-color:red; border-radius:px; position:absolute; box-shadow:0px 0px 8px #; background:-moz-radial-gradient(0% % 0deg, #, #ff); background:-webkit-gradient(radial, , 0, , , from(#), to(#ff)); }
.time { width:px; height:px; margin:px 0 0 px; background-color:#fff; border-radius:px; position:absolute; z-index:1; box-shadow:0px 0px 8px # inset; text-align:center; line-height:px; font-family:"Book Antiqua", Palatino, serif; font-size:px; font-weight:bold; text-shadow: 1px 1px 3px #; }
.time em { background:#fff; position:absolute; top:px; left:px; height:px; width:px; opacity:0.4; }
</style>
</head>
<body>
<div class="hold hold1">
<div class="pie pie1"></div>
</div>
<div class="hold hold2">
<div class="pie pie2"></div>
</div>
<div class="bg"> </div>
<div class="time"><span></span><em></em></div>
<script src="/ajaxjs/jquery-1.6.2.min.js"></script>
<script>
i = 0;
j = 0;
count = 0;
MM = 4;
SS = ;
MS = 9;
totle = (MM+1)*;
d = *(MM+1);
MM = "0" + MM;
function showTime(){
totle = totle - 1;
if(totle==0){
clearInterval(s);
clearInterval(t1);
clearInterval(t2);
$(".pie2").css("-o-transform","rotate(" + d + "deg)");
$(".pie2").css("-moz-transform","rotate(" + d + "deg)");
$(".pie2").css("-webkit-transform","rotate(" + d + "deg)");
}else{
if(totle>0 && MS>0){
MS = MS - 1;
if(MS < ){ MS = "0" + MS};
};
if(MS==0 && SS>0){
MS = ;
SS = SS - 1;
if(SS < ){ SS = "0" + SS};
};
if(SS==0 && MM>0){
SS = ;
MM = MM - 1;
if(MM < ){ MM = "0" + MM};
};
};
$(".time span").html(MM + ":" + SS + ":" + MS);
};
s = setInterval("showTime()",);
function start1(){
i = i + 0.6;
count = count + 1;
if(count==){
count = 0;
clearInterval(t1);
t2 = setInterval("start2()",);
};
$(".pie1").css("-o-transform","rotate(" + i + "deg)");
$(".pie1").css("-moz-transform","rotate(" + i + "deg)");
$(".pie1").css("-webkit-transform","rotate(" + i + "deg)");
};
function start2(){
j = j + 0.6;
count = count + 1;
if(count==){
count = 0;
clearInterval(t2);
t1 = setInterval("start1()",);
};
$(".pie2").css("-o-transform","rotate(" + j + "deg)");
$(".pie2").css("-moz-transform","rotate(" + j + "deg)");
$(".pie2").css("-webkit-transform","rotate(" + j + "deg)");
};
t1 = setInterval("start1()",);
</script>
<input onclick="window.open('view-source:' + window.location.href)" type="button" value="查看源代码" style="position:absolute; right:0; top:0; width:px; height:px;">
</body>
</html>
直接复制代码，创建html文件，网页PN5180 源码然后复制进去，源码蓝臻溯源码就可以看到效果了。倒计超稳新城源码
时源时源2024-11-23 07:42
2024-11-23 07:16
2024-11-23 06:07
2024-11-23 05:52
2024-11-23 05:15
2024-11-23 05:06
