html显示倒数天数,JS实现倒计时(天数,时,分,秒)

本文介绍了一个使用JavaScript的parseInt()函数来计算倒计时的代码示例。通过解析剩余时间的毫秒数并转换为天、小时、分钟和秒,实现了倒计时功能。代码中还包含了一个checkTime()辅助函数,用于确保显示的数字始终带有前导零。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

注释:

parseInt() 函数可解析一个字符串,并返回一个整数。

语法

parseInt(string, radix)

参数

描述

string

必需。要被解析的字符串。

radix

可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间。

如果省略该参数或其值为 0,则数字将以 10 为基础来解析。如果它以 “0x” 或 “0X” 开头,将以 16 为基数。

如果该参数小于 2 或者大于 36,则 parseInt() 将返回 NaN。

例:

parseInt("10");//返回 10

parseInt("19",10);//返回 19 (10+9)

parseInt("11",2);//返回 3 (2+1)

parseInt("17",8);//返回 15 (8+7)

parseInt("1f",16);//返回 31 (16+15)

parseInt("010");//未定:返回 10 或 8

实现倒计时代码

html代码:

JS实现倒计时(天数,时,分,秒)

剩余时间:

javascript代码:

function leftTimer(year,month,day,hour,minute,second){

var leftTime = (new Date(year,month-1,day,hour,minute,second)) - (new Date()); //计算剩余的毫秒数

var days = parseInt(leftTime / 1000 / 60 / 60 / 24 , 10); //计算剩余的天数

var hours = parseInt(leftTime / 1000 / 60 / 60 % 24 , 10); //计算剩余的小时

var minutes = parseInt(leftTime / 1000 / 60 % 60, 10);//计算剩余的分钟

var seconds = parseInt(leftTime / 1000 % 60, 10);//计算剩余的秒数

days = checkTime(days);

hours = checkTime(hours);

minutes = checkTime(minutes);

seconds = checkTime(seconds);

setInterval("leftTimer(2016,11,11,11,11,11)",1000);

document.getElementById("timer").innerHTML = days+"天" + hours+"小时" + minutes+"分"+seconds+"秒";

}

function checkTime(i){ //将0-9的数字前面加上0,例1变为01

if(i<10)

{

i = "0" + i;

}

return i;

}

实现效果:

edeb79b372e62a31774165d504874928.gif

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值