导航:首页 > 编程语言 > js倒计时插件

js倒计时插件

发布时间:2024-05-22 22:19:33

A. 如何用js显示3分钟倒计时并输出指定数字

functiontimeshow(){
vartime=3;//s
varstart=window.setInterval(function(){
time=time-1;
console.log(time);
document.getElementById('show').innerHTML='计时开始,'+time+'秒后跳转!';
if(time==0){
window.clearInterval(start);
document.getElementById('show').innerHTML='计时结束';
}
},1000);
}

B. 求做一个javaSCRIPT倒计时器,能计算并显示到某一天的剩余时间。。。

<div class="timercon">
距离活动结束还有
<div id="timer">计算中。。。</div>
</div>
<script type="text/javascript" src="timer.js"></script><!--src 中改成你实际的地址-->
从这行以下 保存为 timer.js 放在你要放的位置,不包括这行说明 然后更新上面的 src
function TimeTo(dd){
var t = new Date(dd),//取得指定时间的总毫秒数
n = new Date().getTime(),//取得当前毫秒数
c = t - n;//得到时间差
if(c<=0){//如果差小于等于0 也就是过期或者正好过期,则推出程序
document.getElementById('timer').innerHTML ='活动已经结束';
clearInterval(window['ttt']);//清除计时器
return;//结束执行
}
var ds = 60*60*24*1000,//一天共多少毫秒
d = parseInt(c/ds),//总毫秒除以一天的毫秒 得到相差的天数
h = parseInt((c-d*ds)/(3600*1000)),//然后取完天数之后的余下的毫秒数再除以每小时的毫秒数得到小时
m = parseInt((c - d*ds - h*3600*1000)/(60*1000)),//减去天数和小时数的毫秒数剩下的毫秒,再除以每分钟的毫秒数,得到分钟数
s = parseInt((c-d*ds-h*3600*1000-m*60*1000)/1000);//得到最后剩下的毫秒数除以1000 就是秒数,再剩下的毫秒自动忽略即可
document.getElementById('timer').innerHTML = '<p style="margin-top:5px;"> <b>'+d+'</b> 天 <b>'+h+'</b> 小时 <b>'+m+'</b> 分</p><p class="ss"><b>'+s+'</b> 秒</p>';
//最后这句讲定义好的显示 更新到 ID为 timer的 div中
}
(function(){
window['ttt']=setInterval(function(){
TimeTo('2011/1/1 00:00:00');//定义倒计时的结束时间,注意格式
},1000);//定义计时器,每隔1000毫秒 也就是1秒 计算并更新 div的显示
})();
从这行以上保存为 timer.js 不包括这行说明

C. 求一个高考倒计时的js代码,加解释🙏

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1

-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>JS实现倒计时</title>
<scriptlanguage="javascript"type="text/javascript">
varinterval=1000;
functionShowCountDown(year,month,day,divname)
{
varnow=newDate();
varendDate=newDate(year,month-1,day);
varleftTime=endDate.getTime()-now.getTime();//剩余毫秒
varleftsecond=parseInt(leftTime/1000);

varday1=Math.floor(leftsecond/(60*60*24));//剩余天
varhour=Math.floor((leftsecond-day1*24*60*60)/3600);//剩余时
varminute=Math.floor((leftsecond-day1*24*60*60-hour*3600)/60);//剩余分
varsecond=Math.floor(leftsecond-day1*24*60*60-hour*3600-minute*60);//剩余秒
varcc=document.getElementById(divname);
cc.innerHTML="距离高考"+year+"年"+month+"月"+day+"日还有:"+day1+"天"+hour+"小时"+minute+"分"+second

+"秒";//显示
}
window.setInterval(function(){ShowCountDown(2017,6,7,'divdown1');},interval);
</script>
</head>
<body>
<divid="divdown1"></div>
</body>
</html>

阅读全文

与js倒计时插件相关的资料

热点内容
u盘文件被锁怎么消除 浏览:39
前三季度gdp数据广东什么时候公布 浏览:726
ug导出stp文件后显示 浏览:262
struts2文件上传例子 浏览:480
智能粉碎文件名 浏览:625
编程是干什么的适合几岁儿童上 浏览:412
photoshop中文版最新版本 浏览:828
什么app能点播广西卫视 浏览:338
word如何批量放入相应的文件夹 浏览:884
如何在excel一列删除数据 浏览:534
商科学生为什么学编程 浏览:438
压缩文件记录 浏览:967
网上招聘找工作去哪个网站 浏览:276
ps生成文件怎么打开 浏览:631
文档过期文件如何找回 浏览:968
daf是什么文件 浏览:851
云闪付可以适用于哪些app 浏览:210
jsp循环输出44的表格 浏览:772
win10有哪些必装软件 浏览:151
xml文件打开是空白 浏览:79

友情链接