脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → javascript电商网站抢购倒计时

javascript电商网站抢购倒计时效果实现

 更新时间：2015年11月19日 09:32:36   投稿：lijiao  
这篇文章主要介绍了javascript电商网站抢购倒计时效果实现代码，掌握日期对象Date，获取时间的方法，感兴趣的小伙伴们可以参考一下

本文实例讲述了javascript电商网站抢购倒计时效果实现代码。分享给大家供大家参考。具体如下：
运行效果截图如下：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>团购——限时抢</title>

</head>

<body>

<div class="time"> <span id="LeftTime"></span></div>
</div>
<script>
function FreshTime()
{
    var endtime=new Date("2015/11/20,12:20:12");//结束时间
    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("LeftTime").innerHTML="还剩" + d+"天"+h+"小时"+m+"分"+s+"秒";
    if(lefttime<=0){
        document.getElementById("LeftTime").innerHTML="团购已结束";
        clearInterval(sh);
    }
}
    FreshTime();
    var sh;
    sh=setInterval(FreshTime,1000);
</script>
</body>
</html>

很简单的团购限时抢购倒计时，特别适合用于现今团购网、电商网、门户网等倒计时抢购活动，希望本文能帮助大家熟练掌握javascript倒计时效果的实现方法。

您可能感兴趣的文章:

相关文章

  • JavaScript中的垃圾回收与内存泄漏示例详解

    JavaScript中的垃圾回收与内存泄漏示例详解

    这篇文章主要给大家介绍了关于JavaScript中垃圾回收与内存泄漏的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用JavaScript具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
    2019-05-05
  • 在VS Code中使用Snippet Craft扩展提高编码效率的过程详解

    在VS Code中使用Snippet Craft扩展提高编码效率的过程详解

    这篇文章主要介绍了在VS Code中使用Snippet Craft扩展提高编码效率,本文通过图文并茂的形式给大家介绍的非常详细,需要的朋友可以参考下
    2024-08-08
  • javascript中的变量作用域以及变量提升详细介绍

    javascript中的变量作用域以及变量提升详细介绍

    在javascript中， 理解变量的作用域以及变量提升是非常有必要的。这个看起来是否很简单，但其实并不是你想的那样，还要一些重要的细节你需要理解
    2013-10-10
  • js中的异常处理try...catch使用介绍

    js中的异常处理try...catch使用介绍

    在JavaScript可以使用try...catch来进行异常处理，下面有个不错的示例，大家可以参考下，希望对大家有所帮助
    2013-09-09
  • JSON.stringify转换JSON时日期时间不准确的解决方法

    JSON.stringify转换JSON时日期时间不准确的解决方法

    这篇文章主要介绍了JSON.stringify转换JSON时日期时间不准确的解决方法,即JSON数据中包含日期对象时,在转换时会转换成国际时间,而不是中国的时区,需要的朋友可以参考下
    2014-08-08
  • JavaScript遍历DOM元素的常见方式示例

    JavaScript遍历DOM元素的常见方式示例

    这篇文章主要介绍了JavaScript遍历DOM元素的常见方式,涉及javascript中firstChild、lastChild、firstElementChild、nextElementSibling等函数遍历dom元素相关使用技巧,需要的朋友可以参考下
    2019-02-02
  • echarts大屏字体自适应的方法步骤

    echarts大屏字体自适应的方法步骤

    这篇文章主要介绍了echarts大屏字体自适应的方法步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2019-07-07
  • 一文详解如何处理JavaScript中的NaN

    一文详解如何处理JavaScript中的NaN

    在 JavaScript 中,NaN（Not-a-Number）表示一个无效的数字值,通常,它出现在尝试将无法转换为数字的值与数字进行运算时,本文主要来聊聊如何处理JavaScript中的NaN,感兴趣的可以了解下
    2025-01-01
  • 细说JavaScript中的变量,作用域和垃圾回收

    细说JavaScript中的变量,作用域和垃圾回收

    这篇文章主要和大家介绍一下JavaScript中的变量,作用域和垃圾回收的定义与使用，文中的示例代码讲解详细，对我们学习JavaScript有一定的帮助，需要的可以参考一下
    2022-11-11
  • js获取checkbox值的方法

    js获取checkbox值的方法

    这篇文章主要介绍了js获取checkbox值的方法,涉及js针对节点的操作技巧,非常具有实用价值,需要的朋友可以参考下
    2015-01-01

最新评论