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 相关文章推荐
使用JavaScript检测Firefox浏览器是否启用了Firebug的代码
Dec 28 Javascript
javascript中定义私有方法说明(private method)
Jan 27 Javascript
jQuery中first()方法用法实例
Jan 06 Javascript
浅谈JavaScript的Polymer框架中的事件绑定
Jul 29 Javascript
Javascript Event(事件)的传播与冒泡
Jan 23 Javascript
详解Node中导入模块require和import的区别
Aug 11 Javascript
vue自定义过滤器创建和使用方法详解
Nov 06 Javascript
vue.js将时间戳转化为日期格式的实现代码
Jun 05 Javascript
Vue刷新修改页面中数据的方法
Sep 16 Javascript
js实现图片局部放大效果详解
Mar 18 Javascript
JavaScript 正则应用详解【模式、欲查、反向引用等】
May 13 Javascript
原生js实现分页效果
Sep 23 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
用Socket发送电子邮件
2006/10/09 PHP
在WIN98下以apache模块方式安装php
2006/10/09 PHP
用phpmyadmin更改mysql5.0登录密码
2008/03/25 PHP
PHP 远程关机实现代码
2009/11/10 PHP
php设计模式 Visitor 访问者模式
2011/06/28 PHP
使用GD库生成带阴影文字的图片
2015/03/27 PHP
PHP pthreads v3下worker和pool的使用方法示例
2020/02/21 PHP
javascript编程起步(第六课)
2007/02/27 Javascript
asp 的 分词实现代码
2007/05/24 Javascript
javascript数组使用调用方法汇总
2007/12/08 Javascript
textarea 控制输入字符字节数(示例代码)
2013/12/27 Javascript
将查询条件的input、select清空
2014/01/14 Javascript
jQuery 获取/设置/删除DOM元素的属性以a元素为例
2014/05/23 Javascript
JavaScript中实现最高效的数组乱序方法
2014/10/11 Javascript
理解javascript闭包
2015/12/15 Javascript
Angularjs通过指令监听ng-repeat渲染完成后执行脚本的方法
2016/12/31 Javascript
gulp加批处理(.bat)实现ng多应用一键自动化构建
2017/02/16 Javascript
完美实现js选项卡切换效果(一)
2017/03/08 Javascript
详解webpack 入门总结和实践(按需异步加载,css单独打包,生成多个入口文件)
2017/06/20 Javascript
自适应布局meta标签中viewport、content、width、initial-scale、minimum-scale、maximum-scale总结
2017/08/18 Javascript
vue.js中proxyTable 转发请求的实现方法
2018/09/20 Javascript
基于elementUI使用v-model实现经纬度输入的vue组件
2019/05/12 Javascript
[06:42]DOTA2每周TOP10 精彩击杀集锦vol.1
2014/06/25 DOTA
Python django框架应用中实现获取访问者ip地址示例
2019/05/17 Python
python实现连续变量最优分箱详解--CART算法
2019/11/22 Python
在Sublime Editor中配置Python环境的详细教程
2020/05/03 Python
pycharm 复制代码出现空格的解决方式
2021/01/15 Python
台湾团购、宅配和优惠券:17Life
2017/08/14 全球购物
上课看小说检讨书
2014/02/22 职场文书
幼儿园的门卫岗位职责
2014/04/10 职场文书
停车位租赁协议书
2014/09/24 职场文书
求职简历自我评价怎么写
2015/03/10 职场文书
Spring Data JPA使用JPQL与原生SQL进行查询的操作
2021/06/15 Java/Android
Redis Stream类型的使用详解
2021/11/11 Redis
mysql 获取相邻数据项
2022/05/11 MySQL
sql查询语句之平均分、最高最低分及排序语句
2022/05/30 MySQL