JS动态倒计时

最新推荐文章于 2023-04-17 20:04:43 发布

BOYS小可爱

最新推荐文章于 2023-04-17 20:04:43 发布

阅读量490

点赞数

文章标签： javascript html5

本文链接：https://blog.csdn.net/sinat_41518495/article/details/108548210

版权

本文介绍了如何利用JavaScript来创建动态倒计时效果，主要涉及时间戳的使用以及setTimeout函数的运用，以达到实时更新倒计时显示的目的。

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

JavaScript实现动态倒计时效果

时间戳

（1）+new Date()返回时间的总毫秒数。

（2）setTimeout(countTime,1)：为多少时间执行一次countTime() 函数，用来重新计算时间，来更新DIV里面的内容。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>对象</title>
    <script>
        
        window.onload=function countTime() {
            var time='2020/9/12 19:00';//截止时间
            var nowTime=+new Date();//当前时间总毫秒数
            var inputTime=+new Date(time);//指定时间总毫秒数
            var times=(inputTime-nowTime)/1000;//剩余时间总秒数
            var day=parseInt((((times/60)/60))/24);//天
            var hour=parseInt((((times/60)/60))%24);//时
            var moun=parseInt((times/60)%60);//分
            var sec=parseInt(times%60);//秒

            do

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

BOYS小可爱

关注关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
JS动态倒计时

JavaScript实现动态倒计时效果时间戳（1）+new Date()返回时间的总毫秒数。（2）setTimeout(countTime,1)：为多少时间执行一次countTime() 函数，用来重新计算时间，来更新DIV里面的内容。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>对象</title>
复制链接

扫一扫