秒杀-----倒计时

HTML：

<div id="box"><span class="day">00</span>天<span class="hour">00</span>时<span class="min">00</span>分<span class="sec">00</span>秒
</div>

JavaScript ：

var box = document.getElementById("box");var span = document.getElementsByTagName("span")var time = new Date("2022/05/01 00:00:00") //未来时间timer = setInterval(counttime, 1000);function counttime() {var timec = new Date(); //现在时间var lasttime = parseInt((time - timec) / 1000); // 未来时间 - 现在时间var day = parseInt(lasttime / 60 / 60 / 24) // 天var hour = parseInt(lasttime / 60 / 60 % 24) //时hour = hour < 10 ? '0' + hour : hour + ''; //如果是 10 以下的数要进行补零var min = parseInt(lasttime / 60 % 60) //分min = min < 10 ? '0' + min : min + '';//如果是 10 以下的数要进行补零var sec = parseInt(lasttime % 60) //秒sec = sec < 10 ? '0' + sec : sec + '';//如果是 10 以下的数要进行补零span[0].innerHTML = dayspan[1].innerHTML = hourspan[2].innerHTML = minspan[3].innerHTML = sec}

秒杀-----倒计时相关推荐

android京东秒杀倒计时,js实现京东秒杀倒计时功能
本文实例为大家分享了js实现京东秒杀倒计时功能的具体代码,供大家参考,具体内容如下首先给大家看看效果图,因为是做的移动端的,所以放大给大家看看局部就行: 关于实现京东秒杀,之前用过其他的方法,今天给 ...
php time豪秒_PHP精确到毫秒秒杀倒计时实例详解
精确到毫秒秒杀倒计时PHP源码实例,前台js活动展示倒计时,后台计算倒计时时间.每0.1秒定时刷新活动倒计时时间. PHP: // 注意:php的时间是以秒算.js的时间以毫秒算 // 设置时区 da ...
Javascript实现秒杀倒计时（时间与服务器时间同步）
转自: http://hi.baidu.com/flondon/item/04e89ece8f5ecf0d0ad93a98 Javascript实现秒杀倒计时(时间与服务器同步) 现在有很多网站都在做 ...
HTML+JavaScript实现网页秒杀倒计时效果
HTML+JavaScript实现网页秒杀倒计时效果 <!DOCTYPE html> <html><head><meta charset="utf- ...
android高仿京东秒杀,Android仿京东首页秒杀倒计时
本文实例为大家分享了Android仿京东首页秒杀倒计时的具体代码,供大家参考,具体内容如下 xml配置 android:layout_width="wrap_content" an ...
php京东秒杀,js实现京东秒杀倒计时功能
本文实例为大家分享了js实现京东秒杀倒计时功能的具体代码,供大家参考,具体内容如下首先给大家看看效果图,因为是做的移动端的,所以放大给大家看看局部就行: 关于实现京东秒杀,之前用过其他的方法,今天给 ...
js案例小米秒杀倒计时新年倒计时
** 小米秒杀倒计时设计方案源代码如下 ** 首先设计一个整体的框架即css内容(调好合适边框等) css样式如下 <div class="box"><h3 ...
用vue实现秒杀倒计时组件
用vue实现秒杀倒计时组件开发思路代码实现下面是使用Vue实现秒杀倒计时组件开发思路 1.请求服务器获取这一刻的服务器时间(统一以服务器时间为基准) 2.获取用户当前电脑时间与服务器时间比对, ...
html js秒杀倒计时,JavaScript仿京东秒杀倒计时代码实例
本篇文章小编给大家分享一下JavaScript仿京东秒杀倒计时代码实例,小编觉得挺不错的,现在分享给大家供大家参考,有需要的小伙伴们可以来看看. 仿京东秒杀倒计时 html代码秒杀倒计时 : : c ...
Javascript实现商品秒杀倒计时（时间与服务器时间同步）
在一些购物商城经常看到有很多商品做秒杀活动,也就是倒计时,本篇文章给大家介绍Javascript实现商品秒杀倒计时(时间与服务器时间同步),需要的朋友可以了解下现在有很多网站都在做秒杀商品,而这其中 ...

秒杀-----倒计时

秒杀-----倒计时相关推荐

最新文章

热门文章