您的位置：首页 > Web前端 > JavaScript

JAVAScript的时间效果

2017-07-16 10:12 225 查看

1.显示当前时间：xx:xx:xx pm/am

<body onload="showtime()">

<div>当前时间：<span id="clock"></span ></div>

<script type="application/javascript">

function showtime()//创建函数

{var nowTime = new Date();//创建时间对象实例

    var hours = nowTime.getHours();//获取当前小时数

    var minutes = nowTime.getMinutes();//获取当前分钟数

    var seconds = nowTime.getSeconds();//获取当前秒数

    var timer = " "+((hours>12)?hours-12:hours);//将小时数质赋予变量timer

    timer +=((minutes<10)?"0:":":")+minutes;//将分钟数值赋予变量timer

    timer += ((seconds<10)?"0:":":")+seconds;//将秒数值赋予变量timer

    timer +=" "+((hours>12)?"pm":"am");//将字符am或pm赋予变量timer

    document.getElementById('clock').innerHTML =timer;

    setTimeout("showtime()",1000);

}

</script>

</body>

2.显示XXXX年XX月XX日
星期XX

<body onload="initArray()">

<div> <span id="todayIs"></span></div>

<script type="application/javascript">

function initArray()

{

    var today = new Date();

    var d = new Array(

    "星期日","星期一","星期二","星期三","星期四","星期五","星期六")

    //如果为2014年，getYear返回2014-1900=114，getFullYear返回2014

    var hh="<font color='#FBAE66' style='font-size:9pt;font-family:宋体'>今天是： "+

today.getFullYear()+"年"+(today.getMonth()+1)+"月"+today.getDate()+"日  "+d[today.getDay()]+"</font>";

document.getElementById('todayIs').innerHTML = hh;

}

</script>

</body>

 

 

 

 

 

 

 

 

 

 

 

3.显示页面停留时间

<body>

<div>当前页面停留时间：<span id="yy004" >0时0分0秒</span></div>

<script type="text/javascript">

var sec =0;

var minu=0;

var hou=0;

//每隔一秒刷新一次

window.setTimeout("uupdate()",1000);

 

function uupdate()

{

    sec++;    

    if(sec==60)

    {

        sec =0;

        minu +=1;

    }

    if(minu==60)

    {

        minu=0;

        hou+=1;

    }

    var ss04 =hou+ "时"+minu+"分"+sec+"秒";

    document.getElementById('yy004').innerHTML=ss04;

    window.setTimeout("uupdate()",1000);

}

</script>

</body>

 

 

 

 

 

 

 

 

 

4.倒计时

<body>

<div id="yy005"></div>

<script type="application/javascript">

var nowDay = new Date();

var yyear = nowDay.getFullYear()+1;

var timeDate = new Date(yyear+"-01-01");

var date = timeDate.getTime()-nowDay.getTime();//获取剩余时间

//将剩余时间转换为剩余天数

var time = Math.floor(date/(1000*60*60*24));

var show005="";

if(time>=0)

{

    show005 = "现在离"+yyear+"年元旦还有：<font color='red'><b>"+time+"</b></font>天";

    document.getElementById('yy005').innerHTML=show005;

    

}

</script></body>

5.时间显示XXXX年XX月XX日
星期xx  XX:XX:XX

var myvar=setInterval(function(){myTimer()},1000);

     function myTimer(){

     var d=new Date();

     var myArray = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");

     var y=d.getFullYear();

     var M=d.getUTCMonth();

     var D=d.getDate();

     var t=d.toLocaleTimeString();

var weekday=d.getDay();

if (weekday==0 | weekday==6)

{

document.getElementById("N2").innerHTML=y+"年"+(M+1)+"月"+D+"日"+"\n"+ myArray[weekday]+" "+t;

}

else

{

document.getElementById("N2").innerHTML=y+"年"+(M+1)+"月"+D+"日"+ myArray[weekday]+" "+t;}  }

6.发送验证码倒计时

var countdown=60;

    function settime(Obj){

    if(checkName()&&checkPwd()){

   var userName=$("#userAccount").val();

   var password=$("#userPwd").val();

   if(countdown==0){

   Obj.removeAttribute("disabled");

   Obj.value="获取验证码";

   countdown=60;

   return false;

   }else{

   if(countdown==59){

   loginBefore();

   }

   Obj.setAttribute("disabled",true);

   Obj.value="重新发送("+countdown+")";

   --countdown;

   }

setTimeout(function(){settime(Obj)},1000);

}

   

   }
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航