倒计时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文件，源码php源码美化然后复制进去，源码社区开发源码就可以看到效果了。源码建站源码带模版
源码阿泽源码网源码阿泽源码网
2024-12-28 18:53
2024-12-28 18:11
2024-12-28 16:58
2024-12-28 16:53
2024-12-28 16:49
