页面显示时间js

//页面显示时间

 

<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,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。