导航:首页 > 编程语言 > 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倒计时插件相关的资料

热点内容
不懂电脑编程怎么办 浏览:905
ipadprovpn怎么设置密码 浏览:548
win10的1703游戏模式 浏览:412
文件管理的储存是什么 浏览:273
节点ping工具 浏览:1
看查莉成长日记用哪个app 浏览:163
carbon是那个数据库的 浏览:218
安卓充电线拆解 浏览:440
移动大王卡怎么选择app 浏览:204
电脑没连接网络怎么连接打印机 浏览:63
怎么能找出手机锁屏的app 浏览:729
u盘temp文件夹可以删除吗 浏览:84
卸载dota2用哪个文件 浏览:602
qq上看视频文件怎样不显示 浏览:968
win10文件夹共享防火墙设置 浏览:829
win10重新分区恢复 浏览:332
离线的恢复文件的软件 浏览:366
linux查看进程锁 浏览:93
调频斜率matlab代码 浏览:756
苹果的隐藏的文件夹 浏览:382

友情链接