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 auto;padding:10px;background:#eee;border:1px solid #999;}
#content p span{color:red;font:bold 20px Arial;}
#content p a{font:12px/23px ‘宋体‘;color:#888;}
.div1{ display:none;}
</style>

<SCRIPT LANGUAGE="JavaScript">
function fresh()
{
        var endtime=new Date("2110/11/06,12:20:12");
        var nowtime = new Date();
        var leftsecond=parseInt((endtime.getTime()-nowtime.getTime())/1000);
        d=parseInt(leftsecond/3600/24);
        h=parseInt((leftsecond/3600)%24);
        m=parseInt((leftsecond/60)%60);
        s=parseInt(leftsecond%60);
       
//        document.getElementById("times").innerHTML=__h+"小时"+__m+"分"+__s+"秒";
document.getElementById("times").innerHTML=h+"小时"+m+"分"+s+"秒";
        if(leftsecond<=0){
        	document.getElementById("times").innerHTML="已结束";
        	clearInterval(sh);
        }
}
var sh;
sh=setInterval(fresh,1000);
</SCRIPT>
</head>

<body>
<div id="content">
<h1>限时抢购啦!</h1>
<p>还剩<span id="times"></span></p>
</div>
</body>
</html>
时间: 2024-08-04 19:12:16

js实现-限时抢购倒计时间表的相关文章

文本框输入数字倒计实例代码

文本框输入数字倒计实例代码:一般情况下,文本框中文字的个数并不是无限的,也就是说具有一定的限制,在人性化程度较好的网站一般有输入文字倒计效果,这样可以便于浏览者组织语言,下面就简单介绍一下如何实现此效果.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <title>文本框输入文字倒计实例代码-蚂蚁部落</title> <style t

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

限时抢购

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

限时抢购-倒计时

<!DOCTYPE HTML> <html> <head> <meta charset=utf-8"/> <title>团购--限时抢</title> </head> <body> <div> <div class="time">还剩 <span id="LeftTime"></span></div>

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

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

阿里云服务器针对学生有优惠吗 有 只要9.5每月 限时抢购

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

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

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

JS 代码编一个倒时器

有时候在生活中,你需要一个JavaScript倒计时时钟,而不是一个末日装置设备.不管你是否有一次约会,销售.促销.或者游戏,你可以受益于使用原生JavaScript构建一个时钟,而不是拿到一个现成的插件.虽然有许多很棒的时钟插件,但如果使用原生 JavaScript 实现,那你将得到以下好处: 代码将是轻量级的,因为它没有依赖关系. 你的网站会表现得更好,因为你不需要加载外部脚本和样式表. 你将会有更高的可控性,因为你将按照想要的时钟行为的方式来创建它(而不是找一个趋向你想法的插件). 所以事

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

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