`
MauerSu
  • 浏览: 509481 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

js做的 倒计时

 
阅读更多
源: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();">
分享到:
评论

相关推荐

    JS做的环形倒计时

    8. **模块化和封装**:在`TimeCircles.js`文件中,我们可以推测这是一个实现了环形倒计时功能的JavaScript模块。它可能包含一个构造函数,接收开始时间、持续时间等参数,以及初始化、更新和结束等方法。 9. **响应...

    js实现倒计时

    javascript实现倒计时

    js实现倒计时时分秒

    在提供的压缩包文件中,"js倒计时"可能包含了一个完整的JS倒计时实现,你可以查看源代码学习更多细节,比如如何将倒计时数据显示在网页上,或者如何处理时区问题。通过深入理解这些代码,你将能更好地掌握JS实现倒...

    javascript 实现网页 倒计时 代码

    &lt;title&gt;JavaScript倒计时 &lt;h1 id="countdown"&gt;&lt;/h1&gt; &lt;script src="js/countdown.js"&gt; ``` 在`js`文件夹中的`countdown.js`文件应该包含上述的JavaScript代码。 这个基本的倒计时功能可以适应大多数需求,但...

    JS倒计时_javascript倒计时

    JS倒计时

    原生js实现倒计时功能 图片

    日常开发中,电商经常使用到抢购,不过当抢购的时候会用到倒计时

    JS倒计时源码

    JavaScript(简称JS)倒计时源码是一种常见的前端开发技术,用于实现网页上的时间计时功能,例如活动截止、考试开始等场景。本资源包含一个实现了天、小时、分钟和秒显示的倒计时功能的JS代码示例。下面将详细讲解JS...

    Javascript的倒计时显示特效

    JavaScript倒计时显示特效是一种常见的前端技术,常用于活动预告、考试倒计时等场景。在不依赖任何第三方库的情况下,我们可以通过纯JavaScript代码实现这一功能。本文将深入讲解如何用JavaScript来创建一个兼容IE6...

    js+css3倒计时动画特效

    【标题】"js+css3倒计时动画特效"是一个结合了JavaScript和CSS3技术的网页倒计时组件,它为传统的倒计时功能增添了视觉吸引力。这种特效常见于活动预热、产品上线预告等场景,能吸引用户注意力并营造紧张期待的氛围...

    javascript页面倒计时

    javascript页面倒计时javascript页面倒计时javascript页面倒计时javascript页面倒计时

    倒计时功能插件js

    本文将深入探讨“倒计时功能插件js”的相关知识点,帮助开发者理解如何利用JavaScript实现倒计时功能。 首先,倒计时功能是网页或应用中常见的一种交互元素,通常用于事件预告、促销活动等场景。在JavaScript中,...

    js网页倒计时

    JS倒计时 html 网页倒计时代码 倒计时 JS特效

    javascript 倒计时 实例

    JavaScript倒计时是一种常见的时间显示方式,常用于网站上的活动预告、考试倒计时或重要事件提醒等。在这个实例中,我们结合了JavaScript、CSS和jQuery来创建一个动态且具有视觉效果的倒计时计时器。以下是相关知识...

    JS按钮倒计时函数

    &lt;title&gt;JS按钮倒计时 点击开始倒计时 function settime(obj, count, max) { if (count == 0) { obj.removeAttribute("disabled"); obj.value = "重新获取"; count = max; return; } else { obj....

    JavaScript实现倒计时

    &lt;title&gt;JavaScript倒计时 &lt;div id="countdown"&gt;&lt;/div&gt; &lt;script src="countDown.js"&gt; ``` 5. 结合图片资源: `countDown.png`可能用于美化倒计时显示,例如作为背景图像或倒计时图标。在CSS中,我们...

    js实现的倒计时定时自动关机源码

    JavaScript是一种广泛应用于网页和网络应用的脚本语言,它在客户端运行,为用户提供实时交互体验。...通过以上这些技术,我们可以构建一个功能完善的JavaScript倒计时自动关机应用,提供给用户方便和实用的定时功能。

    js短信验证码倒计时(页面刷新无效)

    本文将深入探讨如何实现一个js短信验证码倒计时功能,同时确保在页面刷新后倒计时状态能够保持。 首先,我们需要理解验证码发送和倒计时的基本逻辑。当用户点击获取验证码按钮时,前端会向后端发送请求,请求发送...

    jquery实现倒计时,支持多行分别无限循环倒计时

    项目的源代码("倒计时"文件)应该包含了实现这些功能的具体JavaScript和HTML代码。通过分析和学习这段代码,开发者可以更好地理解如何结合jQuery来创建复杂的动态效果,同时也能掌握倒计时的实现原理。这个案例对于...

    JS时间倒计时

    JavaScript时间倒计时是网页开发中常见的功能,用于实现如活动剩余时间、考试倒计时等动态显示。在JavaScript中,我们通常会结合Date对象和setInterval函数来实现这一功能。接下来,我们将深入探讨如何使用...

    考试系统js时间倒计时

    "考试系统js时间倒计时"这个主题关注的就是如何利用JavaScript来实现考试页面上的时间倒计时功能。JavaScript是一种广泛用于网页交互和动态效果的编程语言,非常适合在网页上实时更新时间信息。 首先,我们需要理解...

Global site tag (gtag.js) - Google Analytics