菜单

基于javascript完成标准到纳秒的倒计时间限制时抢购

2019年7月11日 - 皇家前端

您或者感兴趣的稿子:

上面的图样正是聚划算上边包车型地铁有效期抢的魔法

图片 1

地点的js就兑现了三个轻便的限期抢的小例子,当中parseInt()方法是取整,getTime()把时光转载为纳秒,除了parseInt()方法之外,还足以用Math.floor()向下取整的点子取代.

这篇小说为我们大饱眼福了javascript完毕倒计时间限制时抢购,精确到阿秒的倒计时,供大家参照他事他说加以考察,具体内容如下

$(function(){
  function leftTime(){
    var endTime = new Date("2016/5/20,12:00:00");//结束时间
    var curTime = new Date();//当前时间
    var leftTime = parseInt((endTime.getTime() - curTime.getTime())/1000);//获得时间差
    //小时、分、秒需要取模运算
    var d = parseInt(leftTime/(60*60*24));
    var h = parseInt(leftTime/(60*60)%24);
    var m = parseInt(leftTime/60%60);
    var s = parseInt(leftTime%60);
    var ms = parseInt(((endTime.getTime() - curTime.getTime())/100)%10);
    var txt = "剩余:"+d+"天"+h+"小时"+m+"分钟"+s+"."+ms+"秒";
    $(".left-time").text(txt);
    if(leftTime<=0){ $(".left-time").text("团购结束");}
  };
  leftTime();
  var set = setInterval(leftTime,100);
});

末段记得不要忘记了给个if()判定时间截止的时候供给展现的内容哦,不然就能够冒出不须要的小bug哟!

一、效果图

二、完成限期抢的职能供给动用的学问 :Javascript Date()对象
Date()再次回到当前的日子和事件
getYear()重临年份 获得年最佳用
getFullYear()方法来操作(完整格式如二〇一四)
getMonth()重返月份值(从0开端,+1)
getDay()再次来到星期几(0-6)
getHours()重返小时数(0-23)
getMinutes()重临分钟数(0-59)
getSeconds()重返秒数
get提姆e()再次回到纳秒数
当然,上面的调用方法大家不确定全体运用,也要看你和睦的须求,废话非常的少说,大家一直上代码:
1、HTML页面代码:
<p class=”left-time”></p>
大家把倒计时的内容放在class为left-time的<p>标签内.
2、JS脚本:

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图