js倒计时小程序


Posted in Javascript onNovember 05, 2013

我们这里只要自己定义一下s与urodz的值就可以随意定义任何日期或节日的倒计时功能了,各位朋友可加以修改。
精确到天的倒计时

<script language="JavaScript">
<!-- // (c) Henryk Gajewski
var urodz= new Date("09/19/2013");
var  s="中秋节";
var now = new Date();
var ile = urodz.getTime() - now.getTime();
var dni = Math.floor(ile / (1000 * 60 * 60 * 24));
if (dni > 1)
   document.write(""+s+"还有"+dni +"天")
else if (dni == 1)
     document.write("只有2天啦!")
else if (dni == 0)
     document.write("只有1天啦!")
else
    document.write("好象已经过了哦!");
// -->

精确到秒的javascript倒计时代码 
HTML代码: 

<form name="form1">   
<div align="center" align="center">   
<center>离2010年还有:<br>   
<input type="textarea" name="left" size="35" style="text-align: center">   
</center>   
</div>   
</form>   
<script LANGUAGE="javascript">   
startclock()   
var timerID = null;   
var timerRunning = false;   
function showtime() {   
Today = new Date();   
var NowHour = Today.getHours();   
var NowMinute = Today.getMinutes();   
var NowMonth = Today.getMonth();   
var NowDate = Today.getDate();   
var NowYear = Today.getYear();   
var NowSecond = Today.getSeconds();   
if (NowYear <2000)   
NowYear=1900+NowYear;   
Today = null;   
Hourleft = 23 - NowHour   
Minuteleft = 59 - NowMinute   
Secondleft = 59 - NowSecond   
Yearleft = 2009 - NowYear   
Monthleft = 12 - NowMonth - 1 
Dateleft = 31 - 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 (Dateleft<0)   
{   
Dateleft=31+Dateleft;   
Monthleft=Monthleft-1;   
}   
if (Monthleft<0)   
{   
Monthleft=12+Monthleft;   
Yearleft=Yearleft-1;   
}   
Temp=Yearleft+'年, '+Monthleft+'月, '+Dateleft+'天, '+Hourleft+'小时, '+Minuteleft+'分, '+Secondleft+'秒' 
document.form1.left.value=Temp;   
timerID = setTimeout("showtime()",1000);   
timerRunning = true;   
}   
var timerID = null;   
var timerRunning = false;   
function stopclock () {   
if(timerRunning)   
clearTimeout(timerID);   
timerRunning = false;   
}   
function startclock () {   
stopclock();   
showtime();   
}   
// -->   
</script> 
Javascript 相关文章推荐
js简单实现交换Li的值
May 22 Javascript
基于JavaScript获取鼠标位置的各种方法
Dec 16 Javascript
javascript中的3种继承实现方法
Jan 27 Javascript
Backbone.js框架中Model与Collection的使用实例
May 07 Javascript
教你JS中的运算符乘方、开方及变量格式转换
Aug 09 Javascript
Vue 仿百度搜索功能实现代码
Feb 16 Javascript
JS实现的五级联动菜单效果完整实例
Feb 23 Javascript
Angular 4环境准备与Angular cli创建项目详解
May 27 Javascript
JS实现留言板功能
Jun 17 Javascript
解决koa2 ctx.render is not a function报错问题
Aug 07 Javascript
在js代码拼接dom对象到页面上的模板总结
Oct 21 Javascript
关于JavaScript轮播图的实现
Nov 20 Javascript
js实现幻灯片效果(基于jquery插件)
Nov 05 #Javascript
javascript使用location.search的示例
Nov 05 #Javascript
jquery按回车提交数据的代码示例
Nov 05 #Javascript
js jq 单击和双击区分示例介绍
Nov 05 #Javascript
原生JavaScript实现连连看游戏(附源码)
Nov 05 #Javascript
jquery如何判断某元素是否具备指定的样式
Nov 05 #Javascript
使用js声明数组,对象在jsp页面中(获得ajax得到json数据)
Nov 05 #Javascript
You might like
PHP不用递归遍历目录下所有文件的代码
2014/07/04 PHP
php去掉文件前几行的方法
2015/07/29 PHP
PHP实现负载均衡下的session共用功能
2018/04/17 PHP
PHP进阶学习之依赖注入与Ioc容器详解
2019/06/19 PHP
Javascript 验证上传图片大小[客户端]
2009/08/01 Javascript
Mootools 1.2教程 同时进行多个形变动画
2009/09/15 Javascript
JS/jQuery实现默认显示部分文字点击按钮显示全部内容
2013/05/13 Javascript
jsPDF导出pdf示例
2014/05/02 Javascript
基于JavaScript实现鼠标悬浮弹出跟随鼠标移动的带箭头的信息层
2016/01/18 Javascript
jQuery继承extend用法详解
2016/10/10 Javascript
第一次记录Bootstrap table学习笔记(1)
2017/05/18 Javascript
angularJs使用$watch和$filter过滤器制作搜索筛选实例
2017/06/01 Javascript
Angular实现图片裁剪工具ngImgCrop实践
2017/08/17 Javascript
浅谈angularJS2中的界面跳转方法
2018/08/31 Javascript
vue webpack开发访问后台接口全局配置的方法
2018/09/18 Javascript
微信小程序实现打卡日历功能
2020/09/21 Javascript
vue双向绑定数据限制长度的方法
2019/11/04 Javascript
uni-app如何页面传参数的几种方法总结
2020/04/28 Javascript
详解Python中DOM方法的动态性
2015/04/11 Python
python各种语言间时间的转化实现代码
2016/03/23 Python
python中的错误处理
2016/04/10 Python
浅谈用Python实现一个大数据搜索引擎
2017/11/28 Python
pycharm: 恢复(reset) 误删文件的方法
2018/10/22 Python
如何在Django项目中引入静态文件
2019/07/26 Python
Python urllib2运行过程原理解析
2020/06/04 Python
python实现猜数游戏(保存游戏记录)
2020/06/22 Python
python os.listdir()乱码解决方案
2021/01/31 Python
HTML5标签与HTML4标签的区别示例介绍
2013/07/18 HTML / CSS
巴西购物网站:Submarino
2020/01/19 全球购物
C语言变量的命名规则都有哪些
2013/12/27 面试题
建筑自我鉴定
2013/10/19 职场文书
祖国在我心中的演讲稿
2014/05/04 职场文书
检讨书1000字
2014/10/11 职场文书
2014年会计主管工作总结
2014/12/20 职场文书
2015年教师节慰问信
2015/03/23 职场文书
MySQL约束超详解
2021/09/04 MySQL