<!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. 简单的小工具wordlight——让VS变量高亮起来

    前段时间一直在使用matlab,今天需要使用vs2008,而用惯了matlab,习惯了其中一项选中变量高亮的设置,突然回来使用VS,感到各种不适应,顿时想到了一个词:矫情 呵呵,于是在网上找各种插件, ...

  2. NASA的下一个十年（译）

    原文 MICHAEL ROSTON (New York Times) 从左起:木卫二:土卫六:经过火星的水手谷星的合成图:金星的拼接图 大多数人已经从人类第一次近距离看到冥王星的兴奋中冷静下来.下一个 ...

  3. iOS_UIImage_裁切圆形头像

    github地址: https://github.com/mancongiOS/UIImage.git UIImage的Cagetory UIImage+ImageCircle.h - (UIImag ...

  4. Struts2 源码分析——项目分析

    项目知识点分析 从上一章中我们知道了接下来我们要去了解源码的项目(struts2-showcase).而这一章将讲述我三年后在次接触struts2-showcase项目是一个什么样子的情况.我有一个工 ...

  5. .NET Core爬坑记 1.0 项目文件

    前言: 之所以要写这个系列是因为在移植项目到ASP.NET Core平台的过程中,遇到了一些“新变化”,这些变化有编译方面的.有API方面的,今天要讲的是编译方面的一些问题.我把它们整理后分享出来,以 ...

  6. 九、SDP

    1.      SDP 1.1       服务概述 SDP, Service Discovery Protocol,服务发现协议. 1.1.1    概念 SDP提供了一种用于发现服务及这些可用服务 ...

  7. 30天C#基础巩固----程序集，反射

    一:认识程序集       只要是使用VS就会和程序集打交道,我们通过编辑和生产可执行程序就会自动生成程序集.那么什么事程序集呢,.net中的dll与exe文件的都是程序集(Assembly).    ...

  8. IIS 架构解析

    我们在使用ASP.NET平台做web开发的时候,经常会接触到IIS(Internet Information Services 互联网信息服务).这篇文章主要来介绍IIS7.0+的架构.IIS的安全脆 ...

  9. ExtJs动态生成treepanel的Json格式

    在节点中加上"checked"属性,会自动生成checkbox. 获取选中节点 var nodeArray = ""; var nodesObj = mytre ...

  10. [修正] Berlin 10.1 支持 iPhone 4 (iOS v7.x)

    原本在 Seattle 版本时,还能支持 iPhone 3GS (iOS v6.x), iPhone 4 (iOS v7.x),到了 Berlin 已不支持了,在用户的抱怨下,只好自己尝试去修正它,经 ...