倒计时

最新推荐文章于 2023-04-03 18:16:56 发布
最新推荐文章于 2023-04-03 18:16:56 发布
阅读量218 收藏
点赞数
分类专栏： 代码 文章标签： 时间
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ch5256865/article/details/68486020
版权 
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>倒计时</title>
	<script src="jquery.min.js" type="text/javascript"></script>
</head>
<body>
	<div id="countdown-content"></div>
</body>
</html>
<script type="text/javascript">
    $(function() {
    	        var ExpireTime="2017-03-30 12:23:11";
    	        var SystemTime="2017-02-10 14:13:21";
    	        clearInterval(window._runPayOrderCountDown);
				var leftTime = new Date(ExpireTime.replace(/-/g, "/")).getTime() - new Date(SystemTime.replace(/-/g, "/")).getTime();
				$("#countdown-content").attr("data-countdown", leftTime);
				$("#countdown-content").html(self.getCountdown(leftTime));
				runCountdown();
    })
	function getCountdown(leftTime) {
		var leftsecond = parseInt(leftTime / 1000);
		var day1 = Math.floor(leftsecond / (60 * 60 * 24));
		var hour = Math.floor((leftsecond - day1 * 24 * 60 * 60) / 3600);
		var minute = Math.floor((leftsecond - day1 * 24 * 60 * 60 - hour * 3600) / 60);
		var second = Math.floor(leftsecond - day1 * 24 * 60 * 60 - hour * 3600 - minute * 60);
		if(hour<10)
		hour="0"+hour;
		if(minute<10)
		minute="0"+minute;
        if(second<10)
        second="0"+second;	
        if(day1>0){
        	return '<label>' + day1 + '</label>天<label>' + hour + '</label>小时<label>' + minute + '</label>分<label>' + second + '</label>秒';
        }
		if(hour > 0) {
			return '<label>' + hour + '</label>小时<label>' + minute + '</label>分<label>' + second + '</label>秒';
		} else if(minute > 0) {
			return '<label>' + minute + '</label>分<label>' + second + '</label>秒';
		} else if(second > 0) {
			return '<label>' + second + '</label>秒';
		} else {
			return false;
		}
	}
	function runCountdown() {
		var $countdown = $('#countdown-content');
		var countdown = 0;
		window._runPayOrderCountDown = window.setInterval(function() {
			countdown = parseInt($countdown.attr('data-countdown')) - 1000;
			if(!!getCountdown(countdown)) {
				$countdown.html(getCountdown(countdown)).attr('data-countdown', countdown);
			} else {
				clearInterval(window._runPayOrderCountDown);
				return false;
			}
		}, 1000);
	}
</script>

百世沉浮
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
redis 查看key的有效期_Redis设置Key的过期时间 – EXPIRE命令
weixin_39932455的博客
12-22 1万+
redis> SET cache_page "www.google.com"OKredis> EXPIRE cache_page 30 # 设置过期时间为 30 秒(integer) 1redis> TTL cache_page # 查看剩余生存时间(integer) 23redis> EXPIRE cache_page 30000 # 更新过期时间(integ...
点击发送按钮倒计时
TheShycc的博客
07-14 296
手机号：<input type="text" /> <button>发送</button> HTML代码 <script> var btn = document.querySelector('button'); //获取元素 var tim = 3; btn.addEventListener('click',function(){ //注册点击事件 btn.disabled = t...
Redis 基础 -- 数据自动过期（EXPIRE、PEXPIRE、SET命令的EX选项和PX选项、EXPIREAT、PEXPIREAT、TTL PTTL：获取键的剩余生存时间）
天行健 君子以自强不息，地势坤 君子以厚德载物。
05-08 8650
EXPIRE命令和PEXPIRE命令可以为键设置生存时间，当键的生存时间随着时间的流逝而消耗殆尽时，键就会被移除。对已经带有生存时间的键执行EXPIRE命令或PEXPIRE命令，将导致键已有的生存时间被新的生存时间替代。为了方便用户，Redis给SET命令增加了EX和PX两个选项，它们可以让用户在执行SET命令的同时，执行EXPIRE命令或PEXPIRE命令。EXPIREAT命令和PEXPIREAT命令可以为键设置UNIX时间戳格式的过期时间，当系统时间超过这个过期时间时，键就会被移除
<fmt:formatDate> 标签 — 时间格式化
小丑er的博客
12-16 7214
使用FMT1、首先包引入：<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core" %> <%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt" %>2、日期参数:Date: 2004/04/01:13:30:00 Java format: Thu Apr 01 13:30:00
第十四章 TIM基本定时器
weixin_68288412的博客
04-03 2152
13.2.1。
Rainmeter倒计时插件
10-10
而"Rainmeter倒计时插件"则是Rainmeter众多功能扩展中的一种，专用于在桌面上创建倒计时计时器，帮助用户追踪重要的日期或事件。 倒计时插件通常包含以下几个核心组成部分： 1. **界面设计**：Rainmeter插件的一大...
易语言倒计时
08-22
"易语言倒计时"是一个基于易语言开发的程序，主要用于实现倒计时功能，它可能包含了多个关键子程序来完成不同的任务。 1. **子程序_播放音乐**：这个子程序负责在倒计时过程中播放音乐，可能是为了增加倒计时的氛围...
单片机倒计时
03-19
单片机倒计时程序是基于微控制器（MCU，Microcontroller Unit）设计的一种计时功能，常用于各种电子设备中，如定时开关、电子钟、倒计时器等。在电子工程领域，掌握单片机倒计时的实现方法是至关重要的技能。下面将...
PPT倒计时插件
02-22
在制作PPT演示文稿时，有时我们需要在幻灯片上添加倒计时功能，以增强演讲节奏感或保持时间管理。"PPT倒计时插件"正是为了解决这一需求而存在的工具。它允许用户在PowerPoint中轻松插入一个实时显示剩余时间的计时器...
PPT倒计时软件 兼容Office WPS
11-26
PPT倒计时软件是一款专为PowerPoint（PPT）设计的实用工具，它具有高度的兼容性，不仅能够与Microsoft Office的PowerPoint无缝协作，同时也支持金山公司的WPS Office中的PPT模块。这款软件的独特之处在于其为PPT演示...
JavaScript trim 实现（去除字符串首尾指定字符）
热门推荐
ch5256865的专栏
10-28 1万+
trim
js根据数组中对象的某个属性值进行去重
ch5256865的专栏
05-30 1万+
var arr = [ { from:'张三', to: '河南' }, { from:'王二', to: '阿里' }, { from:'王二', to: '杭州' }, { from:'王二', to: '山东' }, ] //有如上数组，想根据数组中的对象的from属性进行去重，如果from一样的话，重...
JS去除JSON字符串各种空格、换行符
ch5256865的专栏
04-13 5718
strJSON.replace(/\r\n/g,'').replace(/\n/g,'').replace(/\s+/g,''); 如要去除双引号strJSON.replace(/"/g,'')
json按时间排序
ch5256865的专栏
10-28 2645
正序 var data = { "rows": [{ "name": "张三", "time": "2011/4/1 0:00:00", },{ "name": "李四", "time": "2015/5/6 12:30:00", },{ "name": "王五", "time": "2012/10/1 22:10:00", },{ "name": "赵六", "time
去除前后空格符号
ch5256865的专栏
03-30 1565
trim()去除前后空格 var content="   12121   ";  content.trim(); 前面不支持可以用 function trim(s) { return s.replace(/(^\s*)|(\s*$)/g, ""); } 字符串替换 var link=4000\r\n; link = link.replace(/\r\n/g, "");
css去除文本框偶然出现的选中蓝色底问题
ch5256865的专栏
09-21 1369
-moz-user-select: none; /*火狐*/     -webkit-user-select: none; /*webkit浏览器*/     -ms-user-select: none; /*IE10*/     -khtml-user-select: none; /*早期浏览器*/     user-select: none;
footer一直在最底部不管内容多少内容多的时候挤下去
ch5256865的专栏
05-03 1144
Document body,html { margin: 0; padding: 0; font: 12px/1.5 arial; height:100%; } #content { min-height:100%; position: relative; } #main { padding: 10px; padding-bottom: 60px; } #footer { pos
Android倒计时
最新发布
05-24
Android倒计时是一种Android开发中常用的功能，通过设置一个倒计时的时间，然后在规定的时间内实现某种操作或者执行某些代码。在Android中，倒计时可以通过使用CountDownTimer类来实现。这个类可以在指定的时间间隔...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值