<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<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;
}
</style>
</head>
<body>
<div id="content">
<h1>
限时抢购啦！</h1>
<p>
还剩<span id="times"></span></p>
</div>
</body>
<script type="text/javascript">
function _fresh() {
var endtime = new Date("2012/11/05,12:20:12");
var nowtime = new Date();
var leftsecond = parseInt((endtime.getTime() - nowtime.getTime()) / 1000);
if (leftsecond < 0) { leftsecond = 0; }
__d = parseInt(leftsecond / 3600 / 24);
__h = parseInt((leftsecond / 3600) % 24);
__m = parseInt((leftsecond / 60) % 60);
__s = parseInt(leftsecond % 60);
document.getElementById("times").innerHTML = __d + "天 " + __h + "小时" + __m + "分" + __s + "秒";
if (leftsecond <= 0) {
document.getElementById("times").innerHTML = "抢购已结束";
clearInterval(sh);
}
}
_fresh()
var sh;
setInterval(_fresh, 1000);
</script>
</html>
运行效果：
- 大小: 27.1 KB
分享到：
相关推荐
【标题】"限时抢购JS"这一主题，指的是在网页开发中使用JavaScript（简称JS）技术来实现的一种促销策略——限时抢购功能。在电商网站、活动页面等场景中，限时抢购通常用来吸引用户迅速下单，提升产品销量。JS作为...
从“限时抢购”这个文件名来看，插件可能包含数据库脚本、模板文件、CSS样式表和JavaScript脚本等。数据库脚本用于创建和管理抢购商品的信息，模板文件和CSS用于展示抢购页面的布局和样式，而JavaScript则用于动态...
基于JavaScript实现限时抢购倒计时间表功能的知识点可以概括为以下几个方面： 1. JavaScript的基本概念和使用场景：JavaScript是一种广泛应用于网页中的脚本语言，它能够实现用户与网页之间的交互，本文主要利用了...
标签“限时抢购插件”进一步明确了这是一个可添加到ECSHOP系统中的功能插件，用于实现限时促销活动。这样的插件通常会包含设置抢购时间、商品、价格等功能，并且会在指定的时间段内显示抢购商品。 压缩包子文件的...
在Magento中实现限时抢购，主要涉及以下几个关键知识点： 1. **Magento后台配置**：首先，商家需要在Magento的后台管理系统中设置限时抢购活动。这包括设置活动的起止时间、参与促销的商品、折扣率等参数。这些设置...
本项目“限时抢购倒计时”是利用JavaScript的Date对象来实现的一种常见功能，它通常用于电商网站，为促销活动创建紧迫感，吸引用户尽快行动。 Date对象是JavaScript内置的对象类型，用于处理日期和时间。在“限时...
本资源“jQuery实现淘宝购物限时抢购时间轴倒计时特效源码.zip”提供了一种实现类似淘宝购物平台上的限时抢购倒计时效果的方法。这个效果通常出现在商品页面上，用于提醒用户促销活动即将结束，激发他们的购买欲望。...
本文将详细介绍如何使用JavaScript实现精确到毫秒的倒计时限时抢购。 首先，我们要了解JavaScript中的Date对象，它是处理日期和时间的核心工具。Date对象提供了多个方法，如getFullYear()用于获取四位数的年份，...
根据提供的文件内容，以下是关于使用JavaScript实现模仿网上限时抢购效果的知识点： 1. HTML页面设置 在页面的部分中设置了标签，声明了页面的内容类型为"text/html"，编码格式为"gb2312"。此外，在标签中定义了...
"jQuery限时抢购图文滚动代码"正是一种能够实现这一目标的有效工具。这个代码包利用了jQuery库的强大功能，结合CSS特效，为网页构建了一种动态、引人入胜的限时抢购展示效果。下面我们将详细解析这个代码的工作原理...
一个很不错的自己写的用于购物网站的限时抢购倒计时的效果。具体样式可以自己调，调用方法。 1.引入该js. 2.js代码：$('.timeCount').TimeRun();这个.timeCount是你限时倒计时的class文件，也可以是标签，也可以是id...
5. **定时器与轮播**：为了模拟限时抢购的即时感，可能使用了JavaScript的`setInterval()`或`setTimeout()`函数来定期更新显示的商品，实现定时滚动。配合`.stop()`和`.clearQueue()`可以控制动画的暂停和恢复。 6....
大多用于购物类网站，实现限时抢购等功能，类似淘宝，天猫，京东都有····
在Android开发中，抢购活动通常会设置倒计时来增加紧张感和用户参与度，本文将详细讲解如何使用`CountDownTimer`类实现抢购倒计时的逻辑。`CountDownTimer`是Android SDK提供的一种轻量级的计时器，非常适合用于这种...
本文将深入探讨meike_shop 1.0.32安装更新一体包及其配套的限时抢购插件1.0.0，帮助开发者和用户更好地理解和运用这一系统。 首先，美客社交电商小程序的核心在于其社交功能的融入。通过集成微信、QQ等社交平台，...