×

倒计时代码html html代码

倒计时html代码?用html代码编写一个简单的登陆界面

admin admin 发表于2022-07-14 23:09:13 浏览101 评论0

抢沙发发表评论

倒计时html代码

倒数HTML代码:

《!DOCTYPE HTML》
《html》
《head》
《meta charset=“utf-8“》
《title》CSS3圆环倒计时-源码搜藏网《/title》
《style》
.pie { width:200px; height:200px; background-color:blue; border-radius:100px; position:absolute; }
.pie1 { clip:rect(0px,200px,200px,100px); -o-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); background:-moz-radial-gradient(20% 50% 0deg, #333, #0000ff); background:-webkit-gradient(radial, 100 100, 0, 100 100, 110, from(#000), to(#0000ff)); }
.pie2 { clip:rect(0px,100px,200px,0px); -o-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); background:-moz-radial-gradient(80% 50% 0deg, #333, #0000ff); background:-webkit-gradient(radial, 100 100, 0, 100 100, 110, from(#000), to(#0000ff)); }
.hold { width:200px; height:200px; position:absolute; z-index:1; }
.hold1 { clip:rect(0px,200px,200px,100px); }
.hold2 { clip:rect(0px,100px,200px,0px); }
.bg { width:200px; height:200px; background-color:red; border-radius:100px; position:absolute; box-shadow:0px 0px 8px #333; background:-moz-radial-gradient(0% 50% 0deg, #900, #ff0000); background:-webkit-gradient(radial, 100 100, 0, 100 100, 110, from(#900), to(#ff0000)); }
.time { width:160px; height:160px; margin:20px 0 0 20px; background-color:#fff; border-radius:100px; position:absolute; z-index:1; box-shadow:0px 0px 8px #333 inset; text-align:center; line-height:160px; font-family:“Book Antiqua“, Palatino, serif; font-size:35px; font-weight:bold; text-shadow: 1px 1px 3px #333; }
.time em { background:#fff; position:absolute; top:62px; left:12px; height:18px; width:140px; 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=“

用html代码编写一个简单的登陆界面

! meta name =“ viewport” content =“ width =设备宽度,初始尺度= 1“ title title》/title》/title link link href =“ css/bootstrap.min.min.css” rel =“ stylesheet” /head》《》》》 nav class =“ navbar navbar-default”》 div class =“ container-fluid”》》 div class =“ navbar-header”》 /“ jsp作业/a》/div/div div class =” collapse navbar-collapse“ id =” bs-example-navbar-collapse-1“'nav nav navbar navbar-navbar-navbar-navbar-nav navbar-nav navbar-right” li li》《 =“ row”》》 div class =“ col-md-4”》/div div class =“ col-md-4” clorm class class =“ form-signin” target =“ submitframe“ submitframe” modch ofdic =“帖子“》》 h2 class =“ form-signin头”“》》登录到到到到作业/h2》/h2》《标签=“ inputemail”》 《输入type =“ email” id =“ inputemail” class =“ form-control”占位符=“请请输入输入输入输入输入输入输入输入输入输入输入密码“ id =” inputPassword“ class =” form-control“占位符=”必需》》》》 div class =“复选框” checkbox“ conspel”》标签》输入type type =“ checkbox” checkbox =“ checkbox” value =“ rememel-me” “检查”“》记住/标签》/div》/div tybut type =“ clist” class =“ btn btn btn-primary” id =“ btn-login” btn-login”》/按钮》 html“ class =” btn btn-default“》/a a》/form forrame style =“ display:none; none;” names =“ siversframe” src =“ src =” aid:black》/iframe》/iframe》/div/div/div/div/div/div/div/div/div/div/div 》》 div class =“ col-md-4”》/div/div/div》/div script src =“ js/jquery.min.js”》/脚本/脚本》/body》/html》/html》/html》

求HTML代码倒计时


实时倒计时代码,可以设定期限!
《!--单位:秒--》
剩余时间:《span id=“endtime“》10《/span》
《script type=“text/javascript“》
var CID = “endtime“;
if(window.CID != null)
{
var iTime = document.getElementById(CID).innerText;
var Account;
RemainTime();
}
function RemainTime()
{
var iDay,iHour,iMinute,iSecond;
var sDay=““,sHour=““,sMinute=““,sSecond=““,sTime=““;
if (iTime 》= 0)
{
iDay = parseInt(iTime/24/3600);
if (iDay 》 0)
{
sDay = iDay + “天“;
}
iHour = parseInt((iTime/3600)%24);
if (iHour 》 0){
sHour = iHour + “小时“;
}
iMinute = parseInt((iTime/60)%60);
if (iMinute 》 0){
sMinute = iMinute + “分钟“;
}
iSecond = parseInt(iTime%60);
if (iSecond 》= 0){
sSecond = iSecond + “秒“;
}
if ((sDay==““)&&(sHour==““)){
sTime=“《span style=’color:darkorange’》“ + sMinute+sSecond + “《/font》“;
}
else
{
sTime=sDay+sHour+sMinute+sSecond;
}
if(iTime==0){
clearTimeout(Account);
sTime=“《span style=’color:green’》时间到了!《/span》“;
}
else
{
Account = setTimeout(“RemainTime()“,1000);
}
iTime=iTime-1;
}
else
{
sTime=“《span style=’color:red’》倒计时结束!《/span》“;
}
document.getElementById(CID).innerHTML = sTime;
}
《/script》
《/body》
《/html》
-倒计时代码html