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 相关文章推荐
XMLHTTP 乱码的解决方法(UTF8,GB2312 编码 解码)
Jan 12 Javascript
JavaScript中的undefined学习总结
Nov 30 Javascript
jquery操作下拉列表、文本框、复选框、单选框集合(收藏)
Jan 08 Javascript
JS实现图片产生波纹一样flash效果的方法
Feb 27 Javascript
详解vue-router 2.0 常用基础知识点之router-link
May 10 Javascript
ReactNative页面跳转Navigator实现的示例代码
Aug 02 Javascript
angular.extend方法的具体使用
Sep 14 Javascript
react-navigation 如何判断用户是否登录跳转到登录页的方法
Dec 01 Javascript
vue.js高德地图实现热点图代码实例
Apr 18 Javascript
JS实现进度条动态加载特效
Mar 25 Javascript
JS表单验证插件之数据与逻辑分离操作实例分析【策略模式】
May 01 Javascript
JavaScript中时间格式化新思路toLocaleString()
Nov 07 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
成本8450万,票房仅2亿,口碑两极分化,又一部DC电影扑街了
2020/04/09 欧美动漫
php根据操作系统转换文件名大小写的方法
2014/02/24 PHP
编译PHP报错configure error Cannot find libmysqlclient under usr的解决方法
2014/06/27 PHP
常用PHP框架功能对照表
2014/10/23 PHP
PHP实现根据密码长度显示安全条
2017/07/04 PHP
PHP实现的迪科斯彻(Dijkstra)最短路径算法实例
2017/09/16 PHP
laravel csrf排除路由,禁止,关闭指定路由的例子
2019/10/21 PHP
JavaScript脚本语言在网页中的简单应用
2007/05/13 Javascript
js原生态函数中使用jQuery中的 $(this)无效的解决方法
2011/05/25 Javascript
学习javascript面向对象 实例讲解面向对象选项卡
2016/01/04 Javascript
JavaScript ES6的新特性使用新方法定义Class
2016/06/28 Javascript
解析JavaScript实现DDoS攻击原理与保护措施
2016/12/26 Javascript
Vue.js中的图片引用路径的方式
2017/07/28 Javascript
ES6 如何改变JS内置行为的代理与反射
2019/02/11 Javascript
详解基于mpvue微信小程序下载远程图片到本地解决思路
2019/05/16 Javascript
JavaScript实现滑动门效果
2020/01/18 Javascript
ng-alain的sf如何自定义部件的流程
2020/06/12 Javascript
vue中可编辑树状表格的实现代码
2020/10/31 Javascript
详解python之多进程和进程池(Processing库)
2017/06/09 Python
Python创建对称矩阵的方法示例【基于numpy模块】
2017/10/12 Python
使用python实现抓取腾讯视频所有电影的爬虫
2019/04/15 Python
django如何自己创建一个中间件
2019/07/24 Python
python模拟点击网页按钮实现方法
2020/02/25 Python
Python基于百度AI实现OCR文字识别
2020/04/02 Python
浅谈Keras的Sequential与PyTorch的Sequential的区别
2020/06/17 Python
python time()的实例用法
2020/11/03 Python
详解利用canvas实现环形进度条的方法
2019/06/12 HTML / CSS
让ie浏览器成为支持html5的浏览器的解决方法(使用html5shiv)
2014/04/08 HTML / CSS
TripAdvisor越南:全球领先的旅游网站
2017/09/21 全球购物
美国知名的隐形眼镜电商:Contacts America
2019/11/19 全球购物
数据库基础的一些面试题
2012/02/25 面试题
酒店人事专员岗位职责
2013/12/19 职场文书
迎国庆演讲稿
2014/09/05 职场文书
领导干部群众路线教育实践活动剖析材料
2014/10/10 职场文书
大队委员竞选稿
2015/11/20 职场文书
OpenCV-Python实现油画效果的实例
2021/06/08 Python