zoukankan      html  css  js  c++  java
  • 用Javascript 实现倒计时

    用Javascript 实现倒计时
    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .time1{ 500px; height: 300px; background-color: #cccccc; color: red; border: 1px solid green; margin: 100px auto; } </style> </head> <body> <div class="time1"></div> <script> var div=document.getElementsByClassName("time1")[0]; //定义一个计时器 setInterval(fn,1); //封装成功方法,每隔固定时间调用一次 function fn() { //1.获取时间差,将来的时间剪去现在的时间 var futureTime=new Date("2018/09/08 01:00:00"); var nowTime=new Date(); //时间差(毫秒值)=未来时间-当前时间 var sumMS=futureTime.getTime()-nowTime.getTime(); //2.把时间差转化成:天时分秒毫秒 var day=parseInt(sumMS/1000/60/60/24); var hour=parseInt(sumMS/1000/60/60%24); var minute=parseInt(sumMS/1000/60%60); var second=parseInt(sumMS/1000%60); var ms=parseInt(sumMS%1000); day=day<10?"0"+day:day; minute=minute<10?"0"+minute:minute; hour=hour<10?"0"+hour:hour; second=second<10?"0"+second:second; if(ms<10){ ms="00"+ms; }else if (ms<100){ ms="0"+ms; } //3.把天时分秒毫秒整合成字符串后赋值给div的innerHTML div.innerHTML="距苹果发布会还有:"+day+"天"+hour+"小时"+minute+"分"+second+"秒"+ms+"毫秒" } </script> </body> </html>
  • 相关阅读:
    Core Foundation框架(2)命名规范,内省
    Core Foundation框架(1)基础介绍
    Swift 数组,字典
    Swift 操作符
    Swift 可选值
    Swift 元组
    Swift 变量声明
    iOS开发_UI_AutoLayout
    iOS开发_Objective-C_字符串操作
    iOS开发_Objective-C_监听搜索时用户输入的拼音
  • 原文地址:https://www.cnblogs.com/knighterrant/p/9483982.html
Copyright © 2011-2022 走看看