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 相关文章推荐
jquery blockUI 遮罩不能消失与不能提交的解决方法
Sep 17 Javascript
javascript date格式化示例
Sep 25 Javascript
js 与 php 通过json数据进行通讯示例
Mar 26 Javascript
javascript判断移动端访问设备并解析对应CSS的方法
Feb 05 Javascript
canvas学习之API整理笔记(二)
Dec 29 Javascript
Vue报错:Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#‘的解决方法
Jun 17 Javascript
Vue.js常用指令的使用小结
Jun 23 Javascript
jq源码解析之绑在$,jQuery上面的方法(实例讲解)
Oct 13 jQuery
详解微信小程序之scroll-view的flex布局问题
Jan 16 Javascript
改进 JavaScript 和 Rust 的互操作性并深入认识 wasm-bindgen 组件
Jul 13 Javascript
Element ui 下拉多选时新增一个选择所有的选项
Aug 21 Javascript
ES6之Proxy的get方法详解
Oct 11 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数组是否为空的代码
2011/09/08 PHP
PHP字符串函数系列之nl2br(),在字符串中的每个新行 (\n) 之前插入 HTML 换行符br
2011/11/10 PHP
php中addslashes函数与sql防注入
2014/11/17 PHP
php生成图片验证码的方法
2016/04/15 PHP
thinkPHP5项目中实现QQ第三方登录功能
2017/10/20 PHP
一种JavaScript的设计模式
2006/11/22 Javascript
jquery实现网站超链接和图片提示效果
2013/03/21 Javascript
如何书写高质量jQuery代码(使用jquery性能问题)
2014/06/30 Javascript
正则表达式优化JSON字符串的技巧
2015/12/24 Javascript
浏览器复制插件zeroclipboard使用指南
2016/03/26 Javascript
Angularjs的$http异步删除数据详解及实例
2017/07/27 Javascript
通过button将form表单的数据提交到action层的实例
2017/09/08 Javascript
浅谈vue的几种绑定变量的值 防止其改变的方法
2018/03/01 Javascript
对Vue2 自定义全局指令Vue.directive和指令的生命周期介绍
2018/08/30 Javascript
ES6知识点整理之对象解构赋值应用示例
2019/04/17 Javascript
vue input标签通用指令校验的实现
2019/11/05 Javascript
在VUE style中使用data中的变量的方法
2020/06/19 Javascript
Python实现的堆排序算法示例
2018/04/29 Python
python实现简单flappy bird
2018/12/24 Python
python笔记_将循环内容在一行输出的方法
2019/08/08 Python
Python使用APScheduler实现定时任务过程解析
2019/09/11 Python
Pycharm创建python文件自动添加日期作者等信息(步骤详解)
2021/02/03 Python
HTML5 新事件 小结
2009/07/16 HTML / CSS
意大利和国际最佳时尚品牌:Drestige
2019/12/28 全球购物
汉语言文学毕业生求职信
2013/10/01 职场文书
外语系毕业生找工作的求职信
2013/11/28 职场文书
大学团支书的自我评价分享
2013/12/14 职场文书
某同学的自我鉴定范文
2013/12/26 职场文书
运动会通讯稿400字
2014/01/28 职场文书
违反交通法规检讨书
2014/09/10 职场文书
暑期社会实践证明书
2014/11/17 职场文书
工作检讨书怎么写
2015/01/23 职场文书
《折线统计图》教学反思
2016/02/22 职场文书
分析MySQL抛出异常的几种常见解决方式
2021/05/18 MySQL
SQL Server数据库备份和恢复数据库的全过程
2022/06/14 SQL Server
python高温预警数据获取实例
2022/07/23 Python