<!DOCTYPE HTML>

<html>
<head>
<meta charset=UTF-8>
<title>recursion</title>
<style type="text/css">
</style>
<script type="text/javascript">
onload = function ()
{
setTimeout (function ()
{
var date = new Date();
var year = date.getFullYear();
date.setHours (date.getHours () + 1);
var m = date.getMonth () + 1;
m = m < 10 ? "0" + m : m;
var d = date.getDate ();
d = d < 10 ? "0" + d : d;
var h = date.getHours ();
h = h < 10 ? "0" + h : h;
var mm = date.getMinutes ();
mm = mm < 10 ? "0" + mm : mm;
var ss = date.getSeconds();
ss = ss < 10 ? "0" + ss : ss;
txt.value = year + "-" + m + "-" + d + " " + h + ":" + mm + ":" + ss;
}, 1000);

}

function shizhong(enddatestring) {
var date = new Date();
var year = date.getFullYear();
date.setHours(date.getHours() + 1);
var m = date.getMonth() + 1;
m = m < 10 ? "0" + m : m;
var d = date.getDate();
d = d < 10 ? "0" + d : d;
var h = date.getHours();
h = h < 10 ? "0" + h : h;
var mm = date.getMinutes();
mm = mm < 10 ? "0" + mm : mm;
var ss = date.getSeconds();
ss = ss < 10 ? "0" + ss : ss;
txt.value = year + "-" + m + "-" + d + " " + h + ":" + mm + ":" + ss;
setTimeout("shizhong('" + date + "')", 1000);
}

function dianji() {
var selectDate = new Date();
var year = selectDate.getFullYear();
selectDate.setHours(selectDate.getHours() + 1);
var m = selectDate.getMonth() + 1;
m = m < 10 ? "0" + m : m;
var d = selectDate.getDate();
d = d < 10 ? "0" + d : d;
var h = selectDate.getHours();
h = h < 10 ? "0" + h : h;
var mm = selectDate.getMinutes();
mm = mm < 10 ? "0" + mm : mm;
var ss = selectDate.getSeconds();
ss = ss < 10 ? "0" + ss : ss;
var checkDate = new Date(year + "-" + m + "-" + d + " " + h + ":" + mm + ":" + ss);

alert(checkDate);
}
</script>
<script type="text/javascript">
function countDown(secs) {
var sp1 = document.getElementById('sp1');
sp1.innerHTML = secs;
if (--secs > 0) {
setTimeout("countDown(" + secs + ")", 1000);
}
else {
sp1.innerHTML ="倒计时完成";
}
}
</script>
</head>
<body>
<div style="margin:10px;">
<input type="text" id="txt" />
<input id="btnDianJi" type="button" value="get current date" onclick="dianji();" />
</div>
<div style="margin:10px;">
<input type="text" id="txt1" value="5" style="width:50px;" />
<span id="sp1"></span>
<script type="text/javascript">
var start = document.getElementById("txt1").value;
countDown(start);
shizhong('2015-09-30 13:00:00');
</script>
</div>

</body>
</html>

js时钟&倒计时的更多相关文章

  1. 倒计时的js实现 倒计时 js Jquery

    by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=987 一.如火如荼的团 ...

  2. 一个简单的js实现倒计时函数

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  3. js时间倒计时

    看了网上的其他的例子,觉得写的都有点复杂,不好理解,于是自己动手写了个. 本来想封装成jquery插件,但是觉得因为功能很简单,没有必要做成jquery插件,引用的时候不需要引入jqery库,这里直接 ...

  4. js实现倒计时及时间对象

    JS实现倒计时效果代码如下: <!doctype html> <html> <head> <meta charset="utf-8"> ...

  5. js 验证码 倒计时60秒

    js 验证码 倒计时60秒 <input type="button" id="btn" value="免费获取验证码" /> & ...

  6. [ZZ+CH] Html5 canvas+js 时钟

    总之新Blog入驻以后,又开始老习惯,到处折腾自定义的空间,放些东西. 想起以前大一的时候做过一个Javascript的时间显示器,现在想做一个时钟,当然现在老奸巨猾,会先去看一看有前辈写过没. 前辈 ...

  7. JS实现倒计时(天数,时,分,秒)

    <!DOCTYPE html> <html> <head>   <meta charset="utf-8" >   <titl ...

  8. 使用html+css+js实现倒计时，开启你痛苦的倒计时吧

    使用html+css+js实现倒计时,开启你痛苦的倒计时吧 效果图: 这是我痛苦的倒计时,呜呜呜 好啦,再痛苦还是要分享代码,代码如下,复制即可使用: <!DOCTYPE html> &l ...

  9. js网页倒计时精确到秒级

    网页实时倒计时,精确到秒级,和天数倒计时原理一样. 一个很好用的js倒计时!网页实时倒计时,精确到秒级,和天数倒计时原理一样.js倒计时一般用于商城网站团购,特卖,很多地方都可用到!希望能够给大家带来 ...

随机推荐

  1. JAVA实现Excel的读写--poi

    上一篇为大家介绍了通过xls.jar的方式生成Excel的方法,本篇就为大家再介绍一下通过poi方式实现Excel文件的读写操作,内容很简单,代码注释很清晰. 1.生成Excel文件: import ...

  2. Python函数参数默认值的陷阱和原理深究"

    本文将介绍使用mutable对象作为Python函数参数默认值潜在的危害,以及其实现原理和设计目的 本博客已经迁移至: http://cenalulu.github.io/ 本篇博文已经迁移,阅读全文 ...

  3. 哈夫曼树(三)之 Java详解

    前面分别通过C和C++实现了哈夫曼树,本章给出哈夫曼树的java版本. 目录 1. 哈夫曼树的介绍 2. 哈夫曼树的图文解析 3. 哈夫曼树的基本操作 4. 哈夫曼树的完整源码 转载请注明出处:htt ...

  4. [Python] py2exe先知其然

    #Hello.py import Tkinter root=Tkinter.Tk() label=Tkinter.Label(root,text="Hello,py2exe!") ...

  5. QT学习笔记1

    不准备用MFC了,想切换到QT.所以跟着网上的一个笔记学习. 1 开发环境是VS2008+QT4.7+VassistX 具体如何配置看这个帖子:http://qimo601.iteye.com/blo ...

  6. ECharts整合HT for Web的网络拓扑图应用

    ECharts图形组件在1.0发布的时候我就已经有所关注,今天在做项目的时候遇到了图标的需求,在HT for Web上也有图形组件的功能,但是在尝试了下具体实现后,发现HT for Web的图形组件是 ...

  7. JS魔法堂：再识instanceof

    一.Breif    大家都知道instanceof一般就是用来检查A对象是否为B类或子类的实例.那问题是JS中没有类的概念更没有类继承的概念(虽然有构造函数),那么instanceof到底是怎样判断 ...

  8. spring 数据校验之Hibernate validation

    1.需要的jar包 2.springsevlet-config.xml配置 在spring3之后,任何支持JSR303的validator(如Hibernate Validator)都可以通过简单配置 ...

  9. SSH实例(7)

    运行结果. 浏览课程: 添加课程: 还有删除课程,这里就不演示了.

  10. ios跑酷游戏源码完整版

    今天在网上看到了一个很流行的ios游戏源码,酷跑游戏源码,个人下载感觉非常不错,运行起来非常不错的,大家可以研究一下吧,由于源码文件较大,没有上传,请大家见谅. 由于文件较大,没有上传了,大家可以到这 ...