首页 > 其他分享 >js倒计时

js倒计时

时间:2022-10-13 16:11:56浏览次数:63  
标签:60 inputTime times 倒计时 parseInt var js

倒计时

//倒计时  输入时间-现在时间
    var inputTime = prompt('请输入当前时间,格式为YYYY-MM-DD或YYYY/MM/DD');
    //prompt返回值是字符串要进行数据类型转换

    function cutdown(time) {//封装成函数
        var inputTime = +new Date(time);//用+new Date()进行数据类型转换
        var nowTime = +new Date();//这是现在时间
        var times = (inputTime - nowTime) / 1000;//单位是毫秒要转换为秒,1000毫秒=1秒
        //再将时间戳转化为天数时分秒的形式输出
        var d = parseInt(times / 60 / 60 / 24);//取整,parseInt()可将字符串类型转化为number类型
        var h = parseInt(times / 60 / 60 % 24);
        var m = parseInt(times / 60 % 60);
        var s = parseInt(times % 60);
        //输出
        console.log('距离输入时间还剩下:' + d + '天' + h + ':' + m + ':' + s);

    }
    //调用函数
    cutdown(inputTime);

 

标签:60,inputTime,times,倒计时,parseInt,var,js
From: https://www.cnblogs.com/doubleyancode/p/16788488.html

相关文章

  • js逆向案例
    js逆向案例目录零、概述一、请求参数|Cookie|Referer校验(⭐)1、案例1_有道翻译2、案例2_百度翻译二、参数响应如何获取AES、DES、RSA(⭐)1、案例3_建筑市场_AES2、案例4_毛毛租......
  • Golang复杂json结构体解析
    1、示例一{"id":"8667597b-bcd9-51de31b655cd","name":"ali-redis-analyse","category":"db","category_display":"数据库","type":"redis","type_display":......
  • JS 中的require 和 import 区别
    这两个都是为了JS模块化编程使用.遵循规范require 是AMD规范引入方式import是es6的一个语法标准,如果要兼容浏览器的话必须转化成es5的语法调用时间require是运......
  • 【Nodejs】240-有助于理解前端工具的 node 知识
    缘起平时写惯了业务代码之后,如果想要了解下webpack或者vue-cli,好像是件很难上手的事情......
  • 【JS】167-JavaScript设计模式——装饰者模式
    四、装饰者模式(DecoratorPattern)1.概念介绍装饰者模式(DecoratorPattern):在不改变原类和继承情况下,动态添加功能到对象中,通过包装一个对象实现一个新的具有原对象相同接口......
  • 【JS】169-JavaScript设计模式——外观模式
    六、外观模式(FacadePattern)1.概念介绍外观模式(FacadePattern) 是一种简单又常见的模式,它为一些复杂的子系统接口提供一个更高级的统一接口,方便对这些子系统的接口访问......
  • 【JS】168-JavaScript设计模式——策略模式
    五、策略模式(StrategyPattern)1.概念介绍策略模式(StrategyPattern):封装一系列算法,支持我们在运行时,使用相同接口,选择不同算法。它的目的是为了将算法的使用与算法的实现......
  • 【JS】166-JavaScript设计模式——迭代器模式
    三、迭代器模式(IteratorPattern)1.概念介绍迭代器模式(IteratorPattern) 是提供一种方法,顺序访问一个聚合对象中每个元素,并且不暴露该对象内部。这种模式属于行为型模式......
  • 【JS】172-JavaScript设计模式——观察者模式
    九、观察者模式(ObserverPatterns)1.概念介绍观察者模式(ObserverPatterns) 也称订阅/发布(subscriber/publisher)模式,这种模式下,一个对象订阅定一个对象的特定活动,并在状......
  • 【JS】170-JavaScript设计模式——代理模式
    七、代理模式(ProxyPattern)1.概念介绍代理模式(ProxyPattern) 为其他对象提供一种代理,来控制这个对象的访问,代理是在客户端和真实对象之间的介质。简单的理解:如我们需要......