Javascript函数—Date对象—倒计时效果

最新推荐文章于 2023-03-05 20:04:46 发布

wind-hm

最新推荐文章于 2023-03-05 20:04:46 发布

阅读量195

点赞数

分类专栏：小案例文章标签：前端 javascript html

本文链接：https://blog.csdn.net/A_home/article/details/123592819

版权

本文主要探讨如何利用JavaScript的Date对象创建倒计时效果，适用于前端开发中的时间显示。通过设置目标日期并计算与当前时间的差值，实时更新剩余时间，实现动态的倒计时展示。

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

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body></body>
  <script>
    //核心算法：输入的时间减去现在的时间，即倒计时，但是不能拿着时分秒相减
    //比如05分减去25分，结果会是负数
    //用时间戳来做。输入时间毫秒数减去现在时间毫秒数，得到剩余时间的毫秒数
    //把剩余时间毫秒数转换为天、时、分、秒（时间戳转换时分秒）
    //转换公式如下
    //d = parseInt(总秒数/60/60/24); //计算天数
    //h = parseInt(总秒数/60/60%24); //计算小时
    //m = parseInt(总秒数/60%60); //计算分数
    //s = parseInt(总秒数%60); //计算当前秒

    function countDown(time) {
      var nowTime = +new Date(); //返回当前毫秒数
      var inputTime = +new Date(time); //返回输入毫秒数
      var times = (

最低0.47元/天解锁文章

wind-hm

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Javascript函数—Date对象—倒计时效果

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <tit.
复制链接

扫一扫

专栏目录