时间特效

最新推荐文章于 2022-11-11 12:11:17 发布

whh_lydia

最新推荐文章于 2022-11-11 12:11:17 发布

阅读量371

点赞数

分类专栏： jquery 文章标签： jquery

本文链接：https://blog.csdn.net/whh_lydia/article/details/47276859

版权

jquery 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

一、显示当前时间

function showTime(){ //创建函数

var now_time=new Date( ); //创建时间对象的实列

var hours=now_time.getHours( ); //获得当前小时数

var minutes=now_time.getMinutes( ); //获得当前分钟数

var seconds=now_time.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.clock.show.value=timer ; //在名为clock的表单中输出变量timer的值

setTimeout ("showTime( )" ,1000); //设置每隔一秒钟自动调用一次showtime（）函数

}

</script>

二、显示当前日期

var date = new Date();

var weekDay = ["星期天", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];

var year = date.getFullYear();

var month = date.getMonth()+1;

var day = date.getDate();

var week = weekDay[date.getDay()];

注：因为月份的值是从0到11，所以要将所得的月份加1

三、显示网页停留时间

<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>

四、倒计时

<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>