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

限时抢购-倒计时的完整实例(分享)

 更新时间：2017年09月17日 08:47:17   作者：喵嘻嘻  
下面小编就为大家带来一篇限时抢购-倒计时的完整实例(分享)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

如下所示：

<!DOCTYPE HTML>
<html>
<head>
 <meta charset=utf-8"/>
 <title>团购——限时抢</title>
</head>
<body>
<div>
 <div class="time">还剩 <span id="LeftTime"></span></div>
</div>
<script>
 function FreshTime() {
  var endtime = new Date("2017/10/15,12:20:12");//结束时间
  var nowtime = new Date();//当前时间
  var lefttime = parseInt((endtime.getTime() - nowtime.getTime()) / 1000);
  d = parseInt(lefttime / (24 * 3600));
  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);
  }
 }

 var sh;
 sh = setInterval(function () {
  FreshTime()
 },500);

</script>

</body>
</html>

效果图：

以上这篇限时抢购-倒计时的完整实例(分享)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • Bootstrap媒体对象学习使用

    Bootstrap媒体对象学习使用

    这篇文章主要为大家详细介绍了Bootstrap媒体对象的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-03-03
  • 一文带你深入了解JavaScript中的原型&原型链

    一文带你深入了解JavaScript中的原型&原型链

    相信不少同学在面试的时候经常在基础上就挂掉了，当下行情实属严峻，如果我们基础都没有打牢固的话，实属有点面试浪费机会。本文就来和大家聊聊JavaScript中的原型&原型链，希望对大家有所帮助
    2023-02-02
  • 模仿password输入框的实现代码

    模仿password输入框的实现代码

    下面小编就为大家带来一篇模仿password输入框的实现代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • Layer组件多个iframe弹出层打开与关闭及参数传递的方法

    Layer组件多个iframe弹出层打开与关闭及参数传递的方法

    今天小编就为大家分享一篇Layer组件多个iframe弹出层打开与关闭及参数传递的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • 微信小程序实现的canvas合成图片功能示例

    微信小程序实现的canvas合成图片功能示例

    这篇文章主要介绍了微信小程序实现的canvas合成图片功能,结合实例形式分析了微信小程序canvas合成图片相关组件使用、操作步骤与注意事项,需要的朋友可以参考下
    2019-05-05
  • H5微信公众号授权的简单实现步骤

    H5微信公众号授权的简单实现步骤

    如果用户在微信客户端中访问第三方网页,公众号可以通过微信网页授权机制,来获取用户基本信息,进而实现业务逻辑,这篇文章主要给大家介绍了关于微信公众号授权的相关资料,需要的朋友可以参考下
    2021-07-07
  • JavaScript开发简单易懂的Svelte实现原理详解

    JavaScript开发简单易懂的Svelte实现原理详解

    这篇文章主要为大家介绍了JavaScript开发简单易懂的Svelte实现原理的内容详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步
    2021-11-11
  • JavaScript实现换肤功能

    JavaScript实现换肤功能

    js换肤功能的实现原理非常简单，就是使用js切换对应的css样式表文件，本文重点给大家介绍JavaScript实现换肤功能，感兴趣的朋友参考下吧
    2017-09-09
  • 在JS中a标签加入单击事件屏蔽href跳转页面

    在JS中a标签加入单击事件屏蔽href跳转页面

    这篇文章主要介绍了JS中a标签加入单击事件屏蔽href跳转页面的相关资料,需要的朋友可以参考下
    2016-12-12
  • 动态加载js和css(外部文件)

    动态加载js和css(外部文件)

    本文详细介绍下，如何动态加载外部js文件及js；动态加载外部css样式及css样式，感兴趣的朋友可以参考下哈，希望对你学习js有所帮助
    2013-04-04

最新评论