<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script type="text/javascript">
function downTime(date) {
var arr = date.split(/[- :]/);
date = new Date(arr[0], arr[1] - 1, arr[2], arr[3], arr[4], arr[5]);
var t = date.getTime() - Date.now();
if (t > 0) {
var seconds = Math.floor((t / 1000) % 60);
var minutes = Math.floor((t / 1000 / 60) % 60);
var hours = Math.floor((t / (1000 * 60 * 60)) % 24);
var days = Math.floor(t / (1000 * 60 * 60 * 24));
console.log (days > 0 ? days + '天' : '' + hours + '时' + minutes + '分' + seconds + '秒');
} else {
console.log( '所设时间小于当前时间');
}
}
var timer=setInterval(function(){
downTime('2016-06-29 13:08:13')
},1000)
// 调用的时候使用setInterval定时器每1000毫秒运行一次即可
</script>
</body>
</html>
分享到：
相关推荐
日常开发中，电商经常使用到抢购，不过当抢购的时候会用到倒计时
标题中的“用VBSCRIPT和JAVASCRIPT实现倒计时功能”是指在网页设计中，通过使用VBScript和JavaScript这两种脚本语言来创建一个倒计时功能。倒计时器通常用于网页上显示特定时间点的到来，比如促销活动结束、比赛开始...
通过以上描述，我们可以看到原生JavaScript实现倒计时功能实际上是涉及到了JavaScript的日期时间对象操作、定时器的使用以及动态DOM操作等多个方面的知识。掌握这些知识点，能够帮助我们更好地处理网页中的时间相关...
利用js实现倒计时功能
本文将深入探讨“倒计时功能插件js”的相关知识点，帮助开发者理解如何利用JavaScript实现倒计时功能。 首先，倒计时功能是网页或应用中常见的一种交互元素，通常用于事件预告、促销活动等场景。在JavaScript中，...
本篇文章将详细探讨如何使用JavaScript实现倒计时功能。 首先，我们需要理解倒计时的基本原理。倒计时通常涉及到两个关键时间点：起始时间和结束时间。结束时间是我们设定的目标时间，而起始时间则是当前时间。倒...
本篇文章将详细介绍如何利用JavaScript编写一个网页倒计时功能，并结合提供的`index.html`和`js`文件进行解析。 首先，我们需要理解JavaScript中的时间处理。JavaScript使用`Date`对象来表示日期和时间，它提供了...
在网页中，JS可以用于实现各种动态效果，包括我们今天要讨论的主题——倒计时功能。倒计时在网页中应用广泛，如活动预告、考试倒计时等，能给用户带来实时的时间感知。 倒计时的基本原理是通过计算当前时间与目标...
方法一：使用JavaScript实现倒计时功能 在第一个方法中，我们使用JavaScript来实现倒计时功能。首先，我们定义了一个变量`Seconds`，其值为10，表示用户有10秒钟的时间来阅读协议。然后，我们使用`setInterval`函数...
现在我们来深入探讨如何使用JavaScript实现倒计时。 首先，我们需要明确倒计时的基本原理。倒计时是通过计算当前时间与目标时间之间的差值，然后每隔一定时间（通常为1秒）更新这个差值并显示。这通常涉及到...
在Vue.js框架中实现天时分秒倒计时效果，主要涉及到组件化开发、时间处理、数据绑定以及定时器的使用。以下是对这个项目中关键知识点的详细解释： 1. **Vue.js**: Vue.js 是一个轻量级的前端JavaScript框架，它提供...
实现倒计时功能的核心是创建一个循环，每秒或每毫秒减少设定的时间。这个循环可以使用setInterval函数启动，然后在每次迭代中更新页面上的显示，并在到达零时触发自动关机的逻辑。 4. **自动关机逻辑**： 虽然...
接下来，我们将关注如何实现倒计时功能。倒计时通常涉及计时器和时间更新，我们可以创建一个自定义的`Countdown`类，继承自`cc.Node`： ```javascript cc.Class({ extends: cc.Node, properties: { // 倒计时...
文章介绍了通过JavaScript实现倒计时功能的基本思路。首先，需要理解倒计时涉及的时间单位转换，即从秒转换为更高级别的单位如分钟和小时。具体来说，通过取模运算符（%）可以计算出剩余的秒数，而通过除法运算符（/...
在本场景中，我们要讨论的是如何使用JS来创建一个显示天数、小时数和分钟数的倒计时功能。倒计时效果是网页应用中常见的需求，例如用于活动开始前的预告或者考试倒计时等。 首先，我们需要了解JavaScript中的时间...
js倒计时 JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的...js 倒计时是网站开发中常用的功能，也是用户常见的需求，本资源里面详细介绍了如何实现这一功能，有需要的朋友可以下载使用。
在这个场景中，我们看到一个基于JavaScript实现的环形倒计时功能，它具有酷炫的界面设计，适用于如付款确认、比赛倒计时等应用场景。 在JavaScript中创建环形倒计时通常涉及以下几个核心知识点： 1. **JavaScript...
本项目聚焦于使用jQuery实现一个功能丰富的倒计时功能，尤其关注多行独立且无限循环的倒计时应用。 倒计时是网页中常见的动态效果，常见于活动开始时间预告、考试倒计时或定时任务等场景。jQuery实现倒计时的核心...
### 使用VBA实现幻灯片播放的倒计时功能 #### 概述 在现代教育与办公环境中，演示文稿（如PPT）是极为常见的工具之一。为了提高教学或演讲的效果，有时需要在每一页幻灯片上显示剩余时间，以帮助演讲者更好地控制...
这个倒计时功能不仅限于元旦，通过调整代码，你可以将其应用到任何特定的节日或日期。我们将从以下几个方面展开讨论： 1. **日期对象和时间戳** JavaScript中的`Date`对象是处理日期和时间的基础。它允许我们创建、...