简单html倒计时器代码,js倒计时简单实现代码

倒计时:

1.设置一个有效的结束日期

2.计算剩余时间

3.将时间转换成可用的格式

4.输出时钟数据作为一个可重用的对象

5.在页面上显示时钟,并在它到达0时停止

html

js代码

function getTimeReamin(endtime){

//剩余的秒数

var remainSec=(Date.parse(endtime)-Date.parse(new Date()))/1000;

var days=Math.floor(remainSec/(3600*24));

var hours=Math.floor(remainSec/3600%24);

var minutes=Math.floor(remainSec/60%60);

var seconds=Math.floor(remainSec%60);

return{"remainSec":remainSec,

"days":days,

"hours":hours,

"minutes":minutes,

"seconds":seconds

}

}

var endtime="2016/10/10";

var clock=document.getElementById("clock");

//设置定时器

var timeid=setInterval(function () {

var t=getTimeReamin(endtime);

//判断时间格式

days= t.days>=0&& t.days<10?"0"+t.days:t.days;

hours= t.hours>=0&& t.hours<10?"0"+t.hours:t.hours;

minutes=t.minutes>=0&&t.minutes<10?"0"+t.minutes:t.minutes;

seconds=t.seconds>=0&&t.seconds<10?"0"+t.seconds:t.seconds;

//设置时间

document.getElementById("days").innerText= days;

document.getElementById("hours").innerText= hours;

document.getElementById("minutes").innerText= minutes;

document.getElementById("seconds").innerText=seconds;

//清除定时器

if(t.remainSec<=0){

clearInterval(timeid);

}

});

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值