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 相关文章推荐
根据邮箱的域名跳转到相应的登录页面的代码
Feb 27 Javascript
JS实现的数组全排列输出算法
Mar 19 Javascript
元素绑定click点击事件方法
Jun 08 Javascript
轮播图组件js代码
Aug 08 Javascript
AngularJS实现ajax请求的方法
Nov 22 Javascript
微信小程序 swiper制作tab切换实现附源码
Jan 21 Javascript
vue实现一个炫酷的日历组件
Oct 08 Javascript
浅谈Vue项目骨架屏注入实践
Aug 05 Javascript
vue请求服务器数据后绑定不上的解决方法
Oct 30 Javascript
JS端基于download.js实现图片、视频时直接下载而不是打开预览
May 09 Javascript
vscode中Vue别名路径提示的实现
Jul 31 Javascript
详解微信小程序动画Animation执行过程
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
如何使用php绘制在图片上的正余弦曲线
2013/06/08 PHP
codeigniter教程之上传视频并使用ffmpeg转flv示例
2014/02/13 PHP
详解PHP数组赋值方法
2015/11/07 PHP
详解WordPress开发中get_header()获取头部函数的用法
2016/01/08 PHP
PHP静态延迟绑定和普通静态效率的对比
2017/10/20 PHP
php实现将数组或对象写入到文件的方法小结【三种方法】
2020/04/22 PHP
Thinkphp 框架扩展之数据库驱动常用方法小结
2020/04/23 PHP
再论Javascript下字符串连接的性能
2011/03/05 Javascript
详解javascript数组去重问题
2015/11/06 Javascript
详解JavaScript中js对象与JSON格式字符串的相互转换
2017/02/14 Javascript
浅谈js for循环输出i为同一值的问题
2017/03/01 Javascript
深入了解JavaScript代码覆盖
2019/06/13 Javascript
vue实现弹幕功能
2019/10/25 Javascript
JavaScript回调函数callback用法解析
2020/01/14 Javascript
JavaScript实现PC端横向轮播图
2020/02/07 Javascript
[01:14:05]《加油DOTA》第四期
2014/08/25 DOTA
Python中的choice()方法使用详解
2015/05/15 Python
Python的网络编程库Gevent的安装及使用技巧
2016/06/24 Python
Python编程之string相关操作实例详解
2017/07/22 Python
Python随机生成均匀分布在三角形内或者任意多边形内的点
2017/12/14 Python
python内置数据类型之列表操作
2018/11/12 Python
linux中如何使用python3获取ip地址
2019/07/15 Python
使用python绘制二维图形示例
2019/11/22 Python
解决pycharm编辑区显示yaml文件层级结构遇中文乱码问题
2020/04/27 Python
tensorflow实现残差网络方式(mnist数据集)
2020/05/26 Python
带有css3动画效果的兼容多浏览器简单导航条示例
2014/01/26 HTML / CSS
美国乡村商店:Plow & Hearth
2016/09/12 全球购物
高品质和独特的产品世界:Creations and Collections
2018/01/07 全球购物
IFCHIC台湾:欧美国际设计师品牌
2019/05/18 全球购物
英语专业大学生求职简历的自我评价
2013/10/18 职场文书
酒店经理职责
2014/01/30 职场文书
运动会跳远加油稿
2014/02/20 职场文书
私人房屋买卖协议书
2014/10/04 职场文书
导游词欢迎词
2015/02/02 职场文书
博士导师推荐信
2015/03/25 职场文书
外科护士长工作总结
2015/08/12 职场文书