商品倒计时活动

今天药忘吃喽~ 2021-12-12 03:41 461阅读 0赞

var content = document.getElementById("content")
    	//开始时间 当前时间
    	var nowTime = new Date();
    	//结束时间，未来时间
    	var endTime = new Date("2019/7/8 11:21:10");
    	//计算时间差，获取剩下的秒数
    	var s = difTime(nowTime,endTime);
    	//通过秒数可以计算出剩具体时间
    	function computeTime(){
    		if(s < 0){
    			content.innerHTML = "商品活动已结束";
    			return;
    		}
    		var hours = s/60/60;
    		var d = parseInt(hours/24);
    		var h = parseInt((hours/24 - d)*24);
    		var m = parseInt(((hours/24 - d)*24-h)*60);
    		var miao = parseInt((((hours/24 - d)*24-h)*60-m)*60);
    		content.innerHTML = "距离商品活动还剩"+db(d) +"天"+db(h) +"时"+db(m) +"分"+db(miao) +"秒";
    	}
    	
    	computeTime();
    	
    	
    	//剩下的时间每一秒钟都在发生倒计时的变化
    	//需要一个定时器
    	var timer = setInterval(function(){
    		//每一秒钟运行时间的变化
    		s--;
    		if(s < 0){
    			content.innerHTML = "商品活动已结束";
    			clearInterval(timer);
    		}else{
    			computeTime();
    		}
    	},1000);
    	
    	
    	//让秒数递减
    	//再执行时间的计算

//去除其他位数,出现一个数的情况  
function db(num)\{  
return num < 10 ? “0” + num : num;  
\}

//获取两个时间时间差秒数  
function getDiffTime(startTime,endTime)\{  
return (endTime.getTime() - startTime.getTime())/1000;  
\}

发表评论取消回复

表情：

评论列表（有 0 条评论，461人围观）

还没有评论，来说两句吧...

相关阅读

相关倒计时

js部分： export default function CalcTime(endtime) { var obj = {}; var

男娘i/ 2023年05月31日 06:38/ 0 赞/ 133 阅读

相关 vue 封装组件之活动倒计时组件

<template> <div class="count-down"> <span class="count-down-end-time">

桃扇骨/ 2022年12月01日 14:10/ 0 赞/ 352 阅读

相关砍价倒计时活动手机页面

[下载地址][Link 1]精美的手机砍价活动页面，呼朋唤友来砍价点击按钮“帮他砍一刀”，商品砍价倒计时手机页面模板html下载。 ![1631561433.png][]

男娘i/ 2022年09月11日 13:24/ 0 赞/ 389 阅读

相关倒计时

验证输入手机号验证码倒计时 ![这里写图片描述][SouthEast]![这里写图片描述][SouthEast 1] \如上图所示要实现验证码的倒计时的效果

不念不忘少年蓝@/ 2022年06月02日 10:12/ 0 赞/ 510 阅读

相关 iOS活动倒计时的两种实现方式

> 代码地址如下： > [http://www.demodashi.com/demo/11076.html][http_www.demodashi.com_demo_110

布满荆棘的人生/ 2022年05月29日 23:19/ 0 赞/ 767 阅读

相关倒计时

js代码 var EndTime= new Date('2017/2/18 00:00:00'); //设置到期时间 var NowTime = ne

- 日理万妓/ 2021年12月23日 08:41/ 0 赞/ 647 阅读

相关商品倒计时活动

var content = document.getElementById("content") //开始时间当前时间 var nowTime =

今天药忘吃喽~/ 2021年12月12日 03:41/ 0 赞/ 462 阅读

相关 vue 活动倒计时组件

1. 这是倒计时封装好的组件这里我们命名 countdown.vue <template> <div> <p v-if="msTime

一时失言乱红尘/ 2021年09月17日 04:22/ 0 赞/ 612 阅读

相关活动倒计时封装函数

直接贴代码 //e:结束的时间,是一个时间戳类似156654646545 //obj:放置倒计时的dom节点 //skin:倒计时的格式''ww_1'

骑猪看日落/ 2021年09月14日 13:22/ 0 赞/ 522 阅读

相关微信小程序活动倒计时

示例效果图： ![20200922140424928.png][] 案列效果图 ![20200922140349157.png][] 代码引用页： {

客官°小女子只卖身不卖艺/ 2021年07月24日 14:08/ 0 赞/ 580 阅读