首页 > 其他分享 >js倒计时-4章引例

js倒计时-4章引例

时间:2023-03-16 18:14:40浏览次数:34  
标签:60 js 倒计时 let 差距 引例 parseInt 1000

如题:

故意用了中文变量名,现实中大家酌情取舍。

1.js

 1 function f1(){
 2     let 今天=new Date();
 3     let 未来=new Date("2023-6-1");
 4     let 差距=未来-今天;
 5     let 一天=(1000*60*60*24);
 6     let 一小时=(1000*60*60);
 7     let 一分钟=(1000*60);
 8     let 一秒=(1000);
 9     d=parseInt(差距/一天);
10     h=parseInt(差距%一天/一小时);
11     m=parseInt(差距%一小时/一分钟);
12     s=parseInt(差距%一分钟/一秒);
13     let a=document.querySelector("p");
14     a.textContent=`${d}天${h}小时${m}分钟${s}秒`;
15 }

1.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <link rel="stylesheet" href="1.css">
    </head>
    <body onl oad="setInterval(f1,1000);">
        <p></p>
    </body>
</html>
<script src="1.js"></script>

效果正常,可自行查看。

标签:60,js,倒计时,let,差距,引例,parseInt,1000
From: https://www.cnblogs.com/wanjinliu/p/17223692.html

相关文章

  • Vue.js 条件渲染
    视频<!DOCTYPEhtml><html> <head> <metacharset="UTF-8"/> <title>条件渲染</title> <scripttype="text/javascript"src="../js/vue.js"></script> </head>......
  • 20230314-python-字典与json
    1.字典的定义                      ......
  • TypeScript文件转JS文件
     方式一:ts手动编译成js先安装tsnpminstall-gtypescript检测版本tsc-vts编译成js1.新建ts文件夹,使用vscode打开,新建index.ts,代码如下(()=>{......
  • JSON的常用方法
    1、JSON.parse()JSON.parse()可以将JSON格式的字符串解析或成JS中的对应值       2、JSON.stringify() JSON.stringify()可以将JS的基本数据类型、对......
  • 初始JSON、JSON三种形式
    初始JSON 1、什么是JSON JSON全称是JavaScriptObjectNotationAjax发送和接收数据的一种格式  2、为什么需要JSONJSON有三种形式,每种形式的写法都和JS中的数......
  • nodejs的一个十六进制 加密 和 逆算法
    constkaitou="$@$@";Buffer.from(kaitou,"utf8").toString("hex");给以以上nodejs的逆算法consthexString="24402440";//十六进制字符串constbuffer=Bu......
  • Node.js cli tools auto install npm packages All In One
    Node.jsclitoolsautoinstallnpmpackagesAllInOnecliautoinstalldependencies/cli自动安装依赖原理分析读取本地或远程的templatefiles,复制模版文......
  • 前端开发:JS中原型和原型链的使用详解
    前言在前端开发过程中,涉及到JS原理相关的内容也就是常用的几大模块,不仅常用而且很重要,但是涉及到原理的话会有点难懂,尤其是对JS接触不太久的开发者来讲。本篇博文就来分享一......
  • Vue.js 绑定class样式
    视频<!DOCTYPEhtml><html> <head> <metacharset="UTF-8"/> <title>绑定样式</title> <style> .basic{ width:400px; height:100px; border:......
  • Vue.js 监视属性(p20~p25)
    视频21视频22视频23视频24视频25天气案例<!DOCTYPEhtml><html> <head> <metacharset="UTF-8"/> <title>天气案例</title> <!--引入Vue--> <scriptty......