<!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">
<head>
<head>
<title> 演示实例:倒计时效果-精确到秒 </title>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<meta name="author" content="枫岩,CNLei.y.l@gmail.com">
<meta name="keywords" content="" />
<meta name="description" content="" />
<script language="JavaScript">
<!-- //
function GetRTime(){
var EndTime= new Date(2008,10,13,10,0); //截止时间:2009年6月10日0时0分
var NowTime = new Date();
var nMS =EndTime.getTime() - NowTime.getTime();
var nD =Math.floor(nMS/(1000 * 60 * 60 * 24));
var nH=Math.floor(nMS/(1000*60*60)) % 24;
var nM=Math.floor(nMS/(1000*60)) % 60;
var nS=Math.floor(nMS/1000) % 60;
if(nD>= 0){
document.getElementById("RemainD").innerHTML=nD;
document.getElementById("RemainH").innerHTML=nH;
document.getElementById("RemainM").innerHTML=nM;
document.getElementById("RemainS").innerHTML=nS;
}
else {
document.getElementById("CountMsg").innerHTML="世界杯已经圆满结束!";
}
setTimeout("GetRTime()",1000);
}
window.onload=GetRTime;
//setInterval("GetRTime()",1000);
// -->
</script>
</head>
<body>
<div id="CountMsg">今天距离2006世界杯开赛还有<strong id="RemainD">XX</strong>天<strong id="RemainH">XX</strong>时<strong id="RemainM">XX</strong>分<strong
id="RemainS">XX</strong>秒</div>
</body>
</html>
var timer1 = setTimeout("foo",1000); //设定foo函数将在1000毫秒后执行一次
.........//do something
clearTimeout(timer1); //如果程序执行到这里,以setTimeout开始计数时1000毫秒未到,
//clearTimeout后,foo将得不到执行
//如果1000毫秒已过,foo已被触发执行,就没什么意义了
vartimer2 = setInterval("foo",1000); //设定从现在计时起,每1000毫秒执行1次foo
.........//do something
clearInterval(timer2); //以后foo将不再触发执行了
所以这样一个细节的被忽略了,也就长久以来用setTimeout+递归来模拟了setInterval的行为,如下代码
function foo(){
.......//do something
setTimeout("foo",1000);
发表评论
-
转载:jquery webservice 跨域
2013-01-28 16:06 1289现在的JQuery中$.ajax方法支持跨域读取json数 ... -
变更地址栏参数
2011-09-14 10:06 822<html> <head ... -
仿google 日历
2011-08-24 23:10 903仿google 日历仿google 日历仿google 日历仿 ... -
Jquery fullcalendar 官方中文文档
2011-08-22 08:47 25121. 使用方式, 引入相关js, css后, $(‘#div_ ... -
js webservice
2011-05-12 08:50 11111. 创建webservice,为了免于落俗我稍稍修改了 ... -
光标位置函数
2010-12-16 12:44 811function getCursortPosi ... -
select元素javascript常用操作
2010-12-14 09:32 654东西很简单,只是自己记性不好,经常忘记一些关键字 所以发 ... -
cookie
2010-09-17 09:06 701function SetCookie(CookieNa ... -
webservice and js
2010-06-24 09:17 843jQuery调用WebService网上的介 ... -
js 类的实现 转载
2010-05-14 10:43 792JavaScript本身并不是设计成面向对象的,所以没 ... -
jsxiaoguo
2009-05-14 10:52 739jsxiaoguo -
窗体大小
2009-05-12 09:39 904网页可见区域宽:document.body.clientWid ... -
闭包小例
2009-02-05 08:53 752//A是一个普通的函数 ... -
js other event target
2008-11-20 14:41 1152解耦导航模式 function Onclick(evt) ... -
用 javascript 处理 JSON
2008-11-19 14:33 1308用 javascript 处理 JSON 关键字: json ... -
Javascript中最常用的55个经典技巧
2008-09-27 17:47 8821. oncontextmenu="window.e ... -
js xml
2008-09-17 10:53 1220loadXML = function(xmlFile) ... -
正则表达式
2008-09-12 09:04 829数:44] //校验是否全由数字组成 function ... -
js 函数
2008-09-11 13:12 8191.document.write(""); ... -
js 验证函数
2008-09-11 13:03 711Javascript函数大全 /* ---------- ...
相关推荐
JS倒计时
JavaScript倒数计时器是一种...以上就是JavaScript倒计时器的基本实现。通过这个功能,我们可以创建一个简单的网页,用户可以清楚地看到距离特定日期还有多少时间。这个例子中的代码简洁明了,适合初学者学习和参考。
JavaScript倒计时是一种常见的时间显示方式,常用于网站上的活动预告、考试倒计时或重要事件提醒等。在这个实例中,我们结合了JavaScript、CSS和jQuery来创建一个动态且具有视觉效果的倒计时计时器。以下是相关知识...
倒数计时器是JavaScript中常见的功能,它可以在网页上显示剩余时间,比如用于活动倒计时、考试倒计时等场景。本教程将详细讲解如何创建一个简单的JS倒数计时器,并教你如何理解并修改代码以适应自己的需求。 首先,...
JavaScript倒计时是一种常见的网页动态效果,用于显示特定时间点前的剩余时间。在这个场景中,我们有一个名为"timer.html"的文件,很可能是包含一个简单的JavaScript倒计时实现的HTML页面。下面将详细讲解JavaScript...
JavaScript(简称JS)倒计时是一种常见的Web前端功能,用于实现各种计时需求,例如活动结束倒计时、考试开始倒计时等。在给定的"js倒计时源码"中,我们可以探讨以下几个关键知识点: 1. **JavaScript基础**: - ...
1. JavaScript倒计时实现:通过使用JavaScript语言,实现了一个倒计时器,可以计算出距离结束时间的剩余时间,并实时显示倒计时。 2. 自定义结束时间:用户可以通过设置年、月、日三个参数,自定义结束时间,从而...
<title>JavaScript倒计时 <h1 id="countdown"></h1> <script src="js/countdown.js"> ``` 在`js`文件夹中的`countdown.js`文件应该包含上述的JavaScript代码。 这个基本的倒计时功能可以适应大多数需求,但...
js 倒数计时器 counttimedown javascript 写的时间倒数计时器
JavaScript(简称JS)倒计时源码是一种常见的前端开发技术,用于实现网页上的时间计时功能,例如活动截止、考试开始等场景。本资源包含一个实现了天、小时、分钟和秒显示的倒计时功能的JS代码示例。下面将详细讲解JS...
javascript实现倒计时
在提供的压缩包文件中,"js倒计时"可能包含了一个完整的JS倒计时实现,你可以查看源代码学习更多细节,比如如何将倒计时数据显示在网页上,或者如何处理时区问题。通过深入理解这些代码,你将能更好地掌握JS实现倒...
闲着没事 发个倒计时代码 可以精确到毫秒的
8. **模块化和封装**:在`TimeCircles.js`文件中,我们可以推测这是一个实现了环形倒计时功能的JavaScript模块。它可能包含一个构造函数,接收开始时间、持续时间等参数,以及初始化、更新和结束等方法。 9. **响应...
日常开发中,电商经常使用到抢购,不过当抢购的时候会用到倒计时
"纯js倒计时"是指利用JavaScript实现的一种计时功能,它能够显示从当前时间到设定日期之间的剩余时间,通常用于活动预告、节假日提醒等场景。这种倒计时的特点是不依赖于任何外部库或框架,只用JavaScript原生语法...
这个"带报警提示铃声的js倒计时代码"是一个利用JavaScript实现的特定功能,它能够帮助用户在倒计时结束时触发一个报警提示,通常用于活动即将开始或结束的提醒,或者是一些重要的时间节点通知。 首先,我们要理解...
JavaScript倒计时是一种常见的网页动态效果,用于显示距离某个特定时间点还有多少天、小时、分钟和秒。在本文中,我们将深入探讨如何使用JavaScript实现一个功能完整的倒计时功能,包括从服务器获取结束时间以及实时...
至此,我们已经创建了一个具备可配置开始时间、结束时间、服务器时间同步和循环使用功能的JavaScript倒计时器。在实际项目中,你可能还需要考虑时区差异、用户交互以及更复杂的UI显示等细节。通过以上代码,你可以...
首先,我们需要理解JavaScript倒计时的基本原理。倒计时通常是基于当前时间与目标时间之间的差值计算的。在JavaScript中,我们可以使用`Date`对象来获取当前时间,然后通过计算目标时间与当前时间的差值,设置定时器...