JS réalise un affichage de l'heure en temps réel-js tutoriel-php.cn

JS réalise un affichage de l'heure en temps réel

不言

Libérer： 2018-04-03 15:02:56

original

3341 Les gens l'ont consulté

Cet article partage avec vous l'implémentation JS de l'affichage du temps en temps réel. Les amis intéressés peuvent y jeter un œil. Les amis qui ont besoin d'aide peuvent également se référer aux projets précédents de

. un besoin d'afficher l'heure actuelle sur la page Web en temps réel, et l'effet est comme le montre la figure :

1. structure html

<p class="col-xs-12 col-sm-6">

      <i class="fa fa-plus-square-o" aria-hidden="true"></i>

      <span id="current-time"></span>
</p>

Copier après la connexion

2. >

JS implémente l'interface de connexion et d'enregistrement

/*实时显示时间*/

 function showtime(){

    var today,hour,second,minute,year,month,date;

    var strDate ;

    today=new Date();

    var n_day = today.getDay();

    switch (n_day){

        case 0:{

          strDate = "星期日"

        }break;

        case 1:{

          strDate = "星期一"

        }break;

        case 2:{

          strDate ="星期二"

        }break;

        case 3:{

          strDate = "星期三"

        }break;

        case 4:{

          strDate = "星期四"

        }break;

        case 5:{

          strDate = "星期五"

        }break;

        case 6:{

          strDate = "星期六"

        }break;

        case 7:{

          strDate = "星期日"

        }break;

    }

    year = today.getFullYear();

    month = today.getMonth()+1;

    date = today.getDate();

    hour = today.getHours();

    minute =today.getMinutes();

    second = today.getSeconds();

 

    if (month >= 1 && month <= 9) {

        month = "0" + month;

    }

    if (date >= 0 && date <= 9) {

        date = "0" + date;

    }

    if (hour >= 0 && hour <= 9) {

        hour = "0" + hour;

    }

    if (minute >= 0 && minute <= 9) {

        minute = "0" + minute;

    }

    if (second >= 0 && second <= 9) {

        second = "0" + second;

    }

    document.getElementById(&#39;current-time&#39;).innerHTML ="当前时间："+ year + "年" + month + "月" + date + "日" +"  "+ strDate +"   " + hour + ":" + minute + ":" + second; //显示时间

    setTimeout("showtime();", 1000); //设定函数自动执行时间为 1000 ms(1 s)

}

Copier après la connexion

JS implémente l'actualisation partielle AJAX (avec code)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!