源：http://blog.csdn.net/jaycxing/article/details/5866655 代码有问题
评：
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script>
var timeID = null;
function showtime() {
today = new Date();
var nowHour = today.getHours();
var nowMinute = today.getMinutes();
var nowSecond = today.getSeconds();
var nowDate = today.getDate();
if(nowDate >= 12 && nowHour >= 10 && nowMinute >= 0 && nowSecond >= 0) {
secondleft = "00";
minuteleft = "00";
hourleft = "00";
dateleft = "00";
$("#day").html(dateleft);
$("#hour").html(hourleft);
$("#minute").html(minuteleft);
$("#second").html(secondleft);
return;
}
hourleft = 10 - nowHour;
minuteleft = 00 - nowMinute;
secondleft = 00 - nowSecond;
dateleft = 12 - nowDate;
if(secondleft < 0) {
secondleft = 60 + secondleft;
minuteleft = minuteleft -1;
}
if(minuteleft < 0) {
minuteleft = 60 + minuteleft;
hourleft = hourleft - 1;
}
if(hourleft < 0) {
hourleft = 24 + hourleft;
dateleft = dateleft -1;
}
if(secondleft < 1 && minuteleft < 1 && hourleft < 1 && dateleft < 1) {
clearTimeout(timeID);
}
else {
timerID = setTimeout("showtime()", 1000);
}
if(secondleft <10) {
secondleft = "0" + secondleft;
}
if(minuteleft <10) {
minuteleft = "0" + minuteleft;
}
if(hourleft <10) {
hourleft = "0" + hourleft;
}
if(dateleft <10) {
dateleft = "0" + dateleft;
}
//alert(dateleft + "aa" + hourleft +minuteleft + secondleft);
$("#day").html(dateleft);
$("#hour").html(hourleft);
$("#minute").html(minuteleft);
$("#second").html(secondleft);
//alert(dateleft + "-" + hourleft + "-" + minuteleft + "-" + secondleft);
//timerRunning = true;
}
</script>
</head>
<body onload="showtime();">
分享到：
相关推荐
javascript实现倒计时
8. **模块化和封装**：在`TimeCircles.js`文件中，我们可以推测这是一个实现了环形倒计时功能的JavaScript模块。它可能包含一个构造函数，接收开始时间、持续时间等参数，以及初始化、更新和结束等方法。 9. **响应...
在提供的压缩包文件中，"js倒计时"可能包含了一个完整的JS倒计时实现，你可以查看源代码学习更多细节，比如如何将倒计时数据显示在网页上，或者如何处理时区问题。通过深入理解这些代码，你将能更好地掌握JS实现倒...
<title>JavaScript倒计时 <h1 id="countdown"></h1> <script src="js/countdown.js"> ``` 在`js`文件夹中的`countdown.js`文件应该包含上述的JavaScript代码。 这个基本的倒计时功能可以适应大多数需求，但...
JS倒计时
日常开发中，电商经常使用到抢购，不过当抢购的时候会用到倒计时
JavaScript（简称JS）倒计时源码是一种常见的前端开发技术，用于实现网页上的时间计时功能，例如活动截止、考试开始等场景。本资源包含一个实现了天、小时、分钟和秒显示的倒计时功能的JS代码示例。下面将详细讲解JS...
JavaScript倒计时显示特效是一种常见的前端技术，常用于活动预告、考试倒计时等场景。在不依赖任何第三方库的情况下，我们可以通过纯JavaScript代码实现这一功能。本文将深入讲解如何用JavaScript来创建一个兼容IE6...
【标题】"js+css3倒计时动画特效"是一个结合了JavaScript和CSS3技术的网页倒计时组件，它为传统的倒计时功能增添了视觉吸引力。这种特效常见于活动预热、产品上线预告等场景，能吸引用户注意力并营造紧张期待的氛围...
javascript页面倒计时javascript页面倒计时javascript页面倒计时javascript页面倒计时
在本文中，我们将深入探讨如何使用原生JavaScript来实现一个倒计时特效，特别是针对2023年的元旦。这个倒计时功能不仅限于元旦，通过调整代码，你可以将其应用到任何特定的节日或日期。我们将从以下几个方面展开讨论...
本文将深入探讨“倒计时功能插件js”的相关知识点，帮助开发者理解如何利用JavaScript实现倒计时功能。 首先，倒计时功能是网页或应用中常见的一种交互元素，通常用于事件预告、促销活动等场景。在JavaScript中，...
JS倒计时 html 网页倒计时代码 倒计时 JS特效
本文将深入探讨如何实现一个js短信验证码倒计时功能，同时确保在页面刷新后倒计时状态能够保持。 首先，我们需要理解验证码发送和倒计时的基本逻辑。当用户点击获取验证码按钮时，前端会向后端发送请求，请求发送...
在JavaScript（JS）编程中，实现获取服务器时间并进行倒计时是一项常见的需求，尤其在构建Web应用时。以下是对这个主题的详细说明： 首先，理解服务器时间和客户端时间的概念至关重要。服务器时间是服务器上计算机...
JavaScript倒计时是一种常见的时间显示方式，常用于网站上的活动预告、考试倒计时或重要事件提醒等。在这个实例中，我们结合了JavaScript、CSS和jQuery来创建一个动态且具有视觉效果的倒计时计时器。以下是相关知识...
<title>JS按钮倒计时 点击开始倒计时 function settime(obj, count, max) { if (count == 0) { obj.removeAttribute("disabled"); obj.value = "重新获取"; count = max; return; } else { obj....
<title>JavaScript倒计时 <div id="countdown"></div> <script src="countDown.js"> ``` 5. 结合图片资源： `countDown.png`可能用于美化倒计时显示，例如作为背景图像或倒计时图标。在CSS中，我们...
JavaScript是一种广泛应用于网页和网络应用的脚本语言，它在客户端运行，为用户提供实时交互体验。...通过以上这些技术，我们可以构建一个功能完善的JavaScript倒计时自动关机应用，提供给用户方便和实用的定时功能。
项目的源代码（"倒计时"文件）应该包含了实现这些功能的具体JavaScript和HTML代码。通过分析和学习这段代码，开发者可以更好地理解如何结合jQuery来创建复杂的动态效果，同时也能掌握倒计时的实现原理。这个案例对于...