JS动态时间倒计时

最新推荐文章于 2023-03-23 21:06:49 发布

一个前端女子

最新推荐文章于 2023-03-23 21:06:49 发布

阅读量898

点赞数

分类专栏： JS 文章标签：前端 js

本文链接：https://blog.csdn.net/qq_44173499/article/details/123150953

版权

这篇博客主要讲解如何在前端使用JavaScript实现动态的时间倒计时效果，通过HTML和JS代码实例展示具体实现步骤。

摘要由CSDN通过智能技术生成

页面动态时间倒计时

HTML:

Markup

 <span id="date1" style="color:white;float:right;top:-21px;position:relative;right:10px;">{
  {DateFormat(date1,'yyyy-MM-dd hh:mm:ss')}}</span>

Method:

Markup

window.onload=function()
      {
        window.requestAnimationFrame(getDate)
      }
     
      function getDate()
      {
        window.setTimeout(function(){
          window.requestAnimationFrame(getDate)
        },1000/2)
        var d=new Date();  
        var year=d.getFullYear()  //获取年
        var month=d.getMonth()+1;  //获取月，从 Date 对象返回月份 (0 ~ 11)，故在此处+1
        var day=d.getDay()    //获取日
        var days=d.getDate() //获取日期
        var hour=d.getHours()   //获取小时
        var minute=d.getMinutes()  //获取分钟
        var second=d.getSeconds()   //获取秒
       
        if(month<10) month="0"+month