限时抢购-倒计时

<!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>

效果图：

时间： 2024-10-12 13:36:44

限时抢购-倒计时的相关文章

js实现-限时抢购倒计时间表

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>限时抢购倒计时间表</title> <style type="text/css"> *{margin:0;padding:0;} #content{width:300px;margin:0 au

JavaScript - 限时抢购实例

标题 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <

完整商品抢购倒计时抢购倒计时是不能使用本地时间的new Date()的,不然每个人看到的时间是不统一,所以得使用服务器的时间作为初始值思路: 1.时间统一使用服务器时间(获取服务器时间方法多种),再让本地时间和服务器时间有一个差值(偏移量)来确定让每一台电脑的时间都是统一 2.使用开始时间.结束时间与本地时间相减,获取到时间差,再加是偏移量(这里的时间都转换成时间戳进行计算) js部分: //获取服务器时间 start --> var xhr = new XMLHttpRequest();

安卓CountDownTimer实现全民夺宝抢购倒计时和短信验证码倒计时

在sina里看到了什么全民夺宝的链接,然后忍不住1元的诱惑被坑了10多块,什么都没有抽到,但是还是有人抽到了不知道是不是坑爹的,然后也就动手做一下倒计时的功能. 先看全民夺宝: 说起这个功能是不是感觉so easy,然后就以此来搞2个倒计时效果,顺便也学习一下CountDownTimer的使用. 哈哈,看看今天实现的效果图: 回顾常用的倒计时方式方法一 Timer与TimerTask(Java实现) public class timerTask extends Activity{ priva

Android实现计时与倒计时(限时抢购)的几种方法

在购物网站的促销活动中一般都有倒计时限制购物时间或者折扣的时间,这些都是如何实现的呢? 在一个安卓客户端项目中恰好遇到了类似的问题,一开始使用的是Timer与 TimerTask, 虽然此方法通用,但后来考虑在安卓中是否有更佳的方案,于是乎共找到以下五种实现方案,另外还有一种使用CountDownTimer进行计时的方面,我会在单独的文章中进行介绍效果如图: 方法一 Timer与TimerTask(Java实现) [java] view plaincopy public class time

[转]Android实现计时与倒计时(限时抢购)的几种方法

限时抢购

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>倒计时抢购商品</title> <style> html, body, ul { margin: 0; padding: 0; } body { padding: 10px; } h1 { font-size: 14px; } ul { font

js实现抢购倒计时精确到毫秒到期提示“抢购已结束”

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

阿里云服务器学生特惠优惠只要9.5每月限时抢购

学生优惠产品优惠享受流程:① 注册阿里云账号 → ② 完成实名认证 → ③ 完成学生认证 → ④购买优惠产品云计算基础轻量应用服务器切换至云服务器ECS 购买右侧指定配置轻量应用服务器可享受9.5元/月优惠 . 详细规则活动规则  学生优惠弹性计算产品提供两种配置选择:1.轻量应用服务器: 固定机型 9.5元/月:CPU1核,内存2G,带宽1M,系统盘40G,专有网络,优惠地域为华南1.华北2:2.云服务器ECS: 固定机型 9.9元/月:CPU1核,内存2G,带宽1M,系统盘40G,专