mysql时间倒计时_JavaScript 实现各种时间倒计时效果

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

在许多网站上可见限时抢购、倒计时等活动(如:双十一、双十二),下面为大家介绍几种常用的倒计时功能实现的 Html 页面。

1.倒计时时差,距离现在还有多少天,具体 Html 页面如下:html>

倒计时时差 www.yoodb.com

window.onload = function(){

deadTime();

}

function deadTime(){

var nowTime = new Date();

var finalTime = new Date("2015-12-12");

var lefttime = (finalTime.getTime() - nowTime.getTime())/(1000*24*60*60);

var date = Math.ceil(lefttime);

document.getElementById("time").innerHTML = date;

}

距离双十二还有: 天

页面显示结果==> 距离双十二还有:30天

2.限时抢购,计算相差的天、时、分、秒的方法,距离活动结束还剩天时分秒,具体 Html 页面如下:html>

限时抢购 www.yoodb.com

function freshTime(){

var endtime=new Date("2015/12/12,12:00:00");

var nowtime = new Date();

var lefttime=parseInt((endtime.getTime()-nowtime.getTime())/1000);

d = parseInt(lefttime/3600/24);

h = parseInt((lefttime/3600)%24);

m = parseInt((lefttime/60)%60);

s = parseInt(lefttime%60);

document.getElementById("time").innerHTML="距离活动结束还剩" + d+"天"+h+"小时"+m+"分"+s+"秒";

if(lefttime<=0){

document.getElementById("time").innerHTML="团购已结束";

clearInterval(sh);

}

}

var shv;

shv = setInterval(FreshTime,1000);

页面显示结果==> 距离活动结束还剩29天18小时48分26秒

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值