`
lishiguang
  • 浏览: 193136 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

用JS实现活动即将开始的读秒效果.

 
阅读更多

用JS实现活动即将开始的读秒效果.

 

var sh; //定义定时器

var beginTime,endTime; //定义服务器端的活动起始时间 和 结束时间

var times=0; // 定义随时间流逝的时间数

//调用

function rushPurchaseDiv(){

fresh();

//定义1秒刷一次

sh=setInterval(fresh,1000);

}

 

//刷新DIV代码

function fresh(){

++times;

//var begintime=new Date();

var begintime=new Date(Date.parse(beginTime));

var endtime=new Date(Date.parse(endTime));

var leftsecond=parseInt((endtime.getTime()-begintime.getTime())/1000);

leftsecond-=times;

d=parseInt(leftsecond/3600/24);

h=parseInt((leftsecond/3600)%24);

m=parseInt((leftsecond/60)%60);

s=parseInt(leftsecond%60);

rushPurchaseStr='还有'+d+'天'+h+'小时'+m+'分'+s+'秒 开始抢购!' ;

$("#rushPurchase").html(rushPurchaseStr);

if(leftsecond<=0){

rushPurchaseStr='抢购正在进行中...';

$("#rushPurchase").html(rushPurchaseStr);

clearInterval(sh);

}

}

 

分享到:
评论

相关推荐

    电影播放倒计时读秒HTML.zip

    1. `&lt;audio&gt;`标签:用于嵌入音频内容,可以设置播放、暂停、音量控制等属性,配合JavaScript实现倒计时的启动和停止。 2. `&lt;div&gt;`标签:作为容器元素,用来组织页面结构,便于应用CSS样式和JavaScript操作。 3. `...

    CSS3电影播放倒计时读秒特效.zip

    【CSS3电影播放倒计时读秒特效】是一种在网页设计中常见的动态效果,它能够为用户带来更丰富的视觉体验,特别是在预告片、活动倒计时或者即将上线的页面上。这个压缩包中的资源,"jiaoben7997"很可能是一个示例文件...

    jquery数字读秒的倒计时代码.zip

    在这个"jquery数字读秒的倒计时代码.zip"压缩包中,我们可能会找到一个基于jQuery实现的倒计时功能,它在网页上显示剩余时间,通常用于活动预告或考试计时等场景。 倒计时代码的核心原理是利用JavaScript的Date对象...

    [] - 2023-09-12 高德导航红绿灯为啥能读秒?.pdf

    互联网资讯,技术简介,IT、AI技术,人工智能互联网资讯,技术简介,IT、AI技术,人工智能互联网资讯,技术简介,IT、AI技术,人工智能互联网资讯,技术简介,IT、AI技术,人工智能互联网资讯,技术简介,IT、AI技术...

    loading动画加载进度条效果.zip

    总的来说,"loading动画加载进度条效果.zip"中的内容可能包括一个纯CSS3的加载进度条动画,以及可能用JavaScript实现的动态加载进度跟踪。这个资源对于希望提升用户体验的前端开发者来说,是非常有价值的参考资料。

    使用JS读秒使用示例

    JS读秒功能通常指的是在网页上实现倒计时效果,这种效果广泛应用于各类网站中,比如限时活动、抢购倒计时、比赛计时等场景。在给定的文件信息中,提到了一个简单的JS读秒使用示例,其中包含了一些关键的知识点。 ...

    千亿光伏补贴缺口下的等待 新能源强制消费新政策读秒.pdf

    千亿光伏补贴缺口下的等待 新能源强制消费新政策读秒.pdf

    网页跳转读秒的各种方法

    根据提供的信息,我们可以总结出关于网页跳转读秒的不同实现方式。这些方法涵盖了HTML与JavaScript技术,每种方法都有其特点及适用场景。 ### 1. HTML Meta标签法 通过在`&lt;head&gt;`标签内使用`...

    delphi读秒计时器

    本项目名为"delphi读秒计时器",是一款使用Delphi编写的简单计时工具,特别适用于保险公司等需要计时功能的场合,例如用于计时比赛、活动或测试等。 在Delphi中实现一个读秒计时器,主要涉及以下几个关键知识点: ...

    一款简单的jquery数字读秒的倒计时代码.zip

    本资源提供了一款基于jQuery的简单数字读秒倒计时代码,这在许多应用场景中都非常有用,如活动倒计时、考试倒计时或者定时任务启动等。jQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理、动画制作和Ajax...

    使用javascript做时间倒数读秒功能的实例

    某个试卷在线考试需要读秒。网上找了一会就是没找到我想要的。只好自己改改网上的,这也用用,那也用用。 其他代码不贴了。贴相关的: html页面代码: 开始 &lt;div id=TimeClock class=col-md-4&gt;&lt;span class=text-...

    Javascript实现商品秒杀倒计时(时间与服务器时间同步)

    由于秒杀涉及的时间和服务器时间的同步对于确保活动的公平性和准确性至关重要,因此,如何使用JavaScript实现与服务器时间同步的商品秒杀倒计时成为了本篇讨论的核心内容。 首先,需要明确在实现秒杀倒计时时应避免...

    js实现点击注册按钮开始读秒倒计时的小例子

    在本例中,我们使用`setTimeout`来实现倒计时效果。`setTimeout`方法允许我们设置一个在指定时间后执行一次的函数。我们通过一个for循环来调用`setTimeout`方法,逐步减少倒计时的时间,每秒触发一次`sTimer`函数,...

    视频读秒文件在5分钟以内

    视频读秒文件在5分钟以内

    CSS3电影播放倒计时读秒代码

    通过合理运用CSS3的样式、动画和过渡效果,以及JavaScript的定时器功能,我们可以实现一个既美观又实用的复古电影倒计时读秒组件。在实际项目中,你可以根据需要调整样式、动画和倒计时的长度,以适应不同的场景和...

    js实现点击获取验证码倒计时效果

    这篇文章将详细介绍如何使用JavaScript来实现这一功能。 首先,我们需要一个HTML结构,包括一个用于触发验证码发送的按钮: ```html ;width:120px;" value="点击发送验证码" onclick="sendCode(this)"&gt; ``` 这里...

Global site tag (gtag.js) - Google Analytics