//页面显示时间

<span align="left"  id="OperatorTime"> </span>

<script>

       setInterval("OperatorTime.innerHTML=new Date().getFullYear()+'-'+(new Date().getMonth()+1)+'-'+new Date().getDate()+' '+new Date().getHours()+':'+new 　　　　       Date().getMinutes()+':'+new Date().getSeconds();",1000);

</script>

主要使用了HTML DOM setInterval() 方法： 
定义和用法 
setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。 
setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

转自：http://xjpanyan3.iteye.com/blog/963318

//页面显示即将跳转的时间

<title>JS倒计时网页自动跳转代码</title>

<script language="JavaScript" type="text/javascript">

 function delayURL(url) {

  var delay = document.getElementById("time").innerHTML;//最好加个parseInt

  if(delay > 0) {

    delay--;

    document.getElementById("time").innerHTML = delay;

  } else {

   window.top.location.href = url;

  }

  setTimeout("delayURL('" + url + "')", 1000);

 }

</script>

<span id="time" style="background: #00BFFF">3</span>秒钟后自动跳转，如果不跳转，请点击下面的链接<a href="http://www.jb51.net">我的百度</a>

<script type="text/javascript">

delayURL("http://www.jb51.net");

</script>

注意：

setTimeout("delayURL('" + url + "')", 1000);
delayURL后面一定要加单引号，否则报错。 我们这里的url为一个字符串.
<SCRIPT LANGUAGE="JavaScript">

<!--

var maxtime = 60*60 //一个小时，按秒计算，自己调整!

function CountDown(){

if(maxtime>=0){

　　minutes = Math.floor(maxtime/60);

　　seconds = Math.floor(maxtime%60);

　　msg = "距离结束还有"+minutes+"分"+seconds+"秒";

　　document.all["timer"].innerHTML=msg;

　　if(maxtime == 5*60) alert('注意，还有5分钟!');

　　　　--maxtime;

}

else{

　　clearInterval(timer);

　　alert("时间到，结束!");

}

}

timer = setInterval("CountDown()",1000);

//-->

</SCRIPT>

<div id="timer" style="color:red"></div>
另一种倒计时：
function count()

{

    var startTime=new Date();

    var endTime=startTime.getTime()+5*60*1000;

    function remainTime()

    {

        var nowTime=new Date();

        var nMS=endTime-nowTime.getTime();

        var nM=Math.floor(nMS/(60*1000));

        var nS=Math.floor((nMS/1000))%60;

        if(nM==0 && nS==0)

        {

            alert("结束");

        }

      if(nS < 10) nS = "0" + nS;

        if(nMS>=0)

        {

            document.getElementById("timer").innerHTML=nM+"分"+nS+"秒";

            setTimeout(remainTime,1000);

        }

    }

    remainTime();

}

我们每次都会求出

当前时间与规定到期时间差值，单位为秒。

然后将秒转化为几分几秒。

网页中实现一个计算当年还剩多少时间的倒数计时程序，要求网页上实时动态显示“××年还剩××天××时××分××秒”

<body>

<input type="text" value="" id="input" size="1000"/>

<script type="text/javascript">

function counter() {

var date = new Date();

var year = date.getFullYear();

var date2 = new Date(year, 12, 31, 23, 59, 59);

var time = (date2 - date)/1000;

var day =Math.floor(time/(24*60*60))

var hour = Math.floor(time%(24*60*60)/(60*60))

var minute = Math.floor(time%(24*60*60)%(60*60)/60);

var second = Math.floor(time%(24*60*60)%(60*60)%60);

var str = year + "年还剩"+day+"天"+hour+"时"+minute+"分"+second+"秒";

document.getElementById("input").value = str;

}

window.setInterval("counter()", 1000);

</script>

</body>

</html>
getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。 1 3
getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。 1 3
getMonth() 从 Date 对象返回月份 (0 ~ 11)。 1 3
getFullYear() 从 Date 对象以四位数字返回年份。 1 4
getYear() 请使用 getFullYear() 方法代替。 1 3
getHours() 返回 Date 对象的小时 (0 ~ 23)。 1 3
getMinutes() 返回 Date 对象的分钟 (0 ~ 59)。 1 3
getSeconds() 返回 Date 对象的秒数 (0 ~ 59)。 1 3
getMilliseconds() 返回 Date 对象的毫秒(0 ~ 999)。 1 4
getTime() 返回 1970 年 1 月 1 日至今的毫秒数。

只有getDate()是从1开始。

参考：

http://www.cnblogs.com/youxin/p/3404126.html

http://www.52jscn.com/web/2013/09/6416.shtml

更多：

http://blog.csdn.net/damys/article/details/8528439

页面显示时间js的更多相关文章

  1. JS_Window-三种消息框：警告框、确认框、提示框、页面显示时间-计时-延时

    1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="U ...

  2. Jsp页面显示时间:<fmt>标签问题

    <%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt"%> <%@ taglib ...

  3. js控制页面显示和表单提交

    早期的web页面在显示方面一般在后台进行控制,虽然对后台开发来讲是比较容易做到的,但是涉及到一个问题,那就是数据库压力. 因为要控制显示,所以会比较频繁的从数据库中来回调用. 现在的js功能越来越强, ...

  4. Java从服务器上获取时间，动态在jsp页面显示

    Java获取服务器时间,动态显示到jsp页面,大家都是到Java只能获取一次,到页面的时间是静态的,不过通过js和Java的合作,巧妙地实现此功能 本人是给电视做系统,客户要求页面能显示时间,因为电视 ...

  5. JS 显示时间与倒计时练习

    显示时间与倒计时 HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8"> ...

  6. 【js】【图片显示】js控制html页面显示图片方式

    js控制html页面显示图片方式,只需要引入“jquery-1.11.2.min.js” js: /* 引用 <script src="jquery-1.11.2.min.js&quo ...

  7. jQuery实现Ajax请求时，页面显示等待的效果，超过指定请求时间后，进行其他操作

    背景:有一个按钮,点击之后向后端程序发起Ajax请求,在请求结果没有返回之前,页面显示等待的效果,此时仍旧是异步请求,等待的效果在接收到结果后撤销. 需求:因为网络延迟或者后端程序的问题,在发起Aja ...

  8. JS+Ajax+Servlet:记录页面访问时间

    1.前端JS记录页面访问时间 1.1JQuery版本: <script type="text/javascript" src="js/jquery.min.js&q ...

  9. 帮助更语义化的显示时间的jQuery插件 - tidyTime.js

    来源:GBin1.com 网站或者web应用开发过程中,难免会遇到需要展示时间的地方,例如,留言时间或者发布帖子的时候,那么大家是不是相关过使用更加符合语义学的方式来显示时间呢? 08:15  显示成 ...

随机推荐

  1. C#使用 System.Net.Mail发送邮件功能

    .NET 里包含了很多很丰富的邮件发送与接受的API在 System.Net.Mail命名空间里,使得我们开发发送和接受邮件相关功能变得简单,下面是一个简单发送邮件的功能: private void ...

  2. hdu-3001 三进制状态压缩+dp

    用dp来求最短路,虽然效率低,但是状态的概念方便解决最短路问题中的很多限制,也便于压缩以保存更多信息. 本题要求访问全图,且每个节点不能访问两次以上.所以用一个三进制数保存全图的访问状态(3^10,空 ...

  3. centOS 6.5安装python和nginx

    一.安装python3.5 1.安装python3.5

  4. Myeclipse项目中Source、Projects、Libraries、Order and export含义

    Myeclipse 新建一个项目时,会出现如下界面 输入项目名,点击next Source source folder:存放.java源文件的根目录:output folder:.class编译输出的 ...

  5. Linux虚拟机安装VMware Tools

    选择虚拟机-->install VMware Tools # 新建一个文件夹用来挂载光驱 mkdir /mnt/cdrom # 挂载光驱到指定文件夹 mount /dev/sr0 /mnt/cd ...

  6. android主流开源库

    网络框架:Volley 和 Async Volley特点:能使网络通信更快,更简单.更健壮 Get,Post网络请求及网络图像的高效率 Async:高效的网络数据请求, 解析成json 持久化cook ...

  7. python记录_day11 闭包 迭代器

    一.第一类对象: 函数名是一个变量,可以当普通变量使用,但它又是一个特殊的变量,与括号配合可以执行函数. 函数名的运用 1.单独打印是一个内存地址 2.可以给其他变量赋值 3.可以作为容器类变量的元素 ...

  8. 『计算机视觉』各种Normalization层辨析

    『教程』Batch Normalization 层介绍 知乎:详解深度学习中的Normalization,BN/LN/WN 一.两个概念 独立同分布(independent and identical ...

  9. MIR7预制发票扣除已经预制的数量（每月多次预制，未即时过账）

    业务场景见抬头,有没有标准的解决方案就不说了,也没去考虑... 这个增强还是SAP老表提供的,感谢,省了不少时间. INCLUDE:LMR1MF6S 最后的位置 ENHANCEMENT ZMIR7_0 ...

  10. img 标签

    设计网页时经常使用的图片有三种,它们的相同点是都经过了压缩,压缩比越高,图像品质越差. GIF(Graphics Interchange Format):最多支持256色,支持透明,支持多帧动画显示效 ...