HTML JavaScript 写一个距离高考倒计时

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>时间不多了</title><style>.D1{margin-top: 100px;border-radius: 20px 70px;background: bisque;width: 900px;padding-top: 50px;padding-bottom: 50px;}.T1{color: #f00;font-size: 50px;}.T2{color: dodgerblue;}</style>
</head>
<body onload="time(),now()" >
<div align="center">
<div align="center" class="D1"><h1>嘿！陶宇！时间在流失</h1><h2>现在是：</h2><h2 id="now" class="T2"></h2><h2>距离2020年11月20日还剩：</h2><h1 id="time" class="T1"></h1>
</div>
</div>
<script>let future= new Date(2020,10,20);function  time(){let N =new Date();let d=(future.getTime()-N.getTime())/86400000;let h=(future.getTime()-N.getTime())%86400000/3600000;let m=(future.getTime()-N.getTime())%3600000/60000;let s=(future.getTime()-N.getTime())%60000/1000;document.getElementById("time").innerHTML=d.toFixed(0)+"天"+h.toFixed(0)+"小时"+m.toFixed(0)+"分钟"+s.toFixed(0)+"秒"}function now(){let N =new Date();document.getElementById("now").innerHTML=N.getFullYear()+"年"+(N.getMonth()+1)+"月"+N.getDate()+"日"+N.getHours()+"小时"+N.getMinutes()+"分钟"+N.getSeconds()+"秒";console.log("aaa");}setInterval(now,1000);setInterval(time,1000);
</script>
</body>
</html>

效果展示

HTML JavaScript 写一个距离高考倒计时相关推荐

JavaScript写一个虚拟软键盘，可拼音输入
在某些业务场景中,无法使用外接实体键盘,也不方便调出windows自带的虚拟键盘,这时候我们可以利用JavaScript写一个虚拟键盘,实现点击输入框即可唤醒,大小写中.英文及数字的输入.可满足实际使 ...
php开发俄罗斯方块,用JavaScript写一个俄罗斯方块
曾经用 Turbo C++ 3.0 写过 DOS 下的俄罗斯方块,不久之后又用 VB 写了另一个版本.这次决定用 JavaScript 再写一个并非完全心血来潮,从技术上来说,主要是想尝试使用 web ...
用JavaScript写一个正则表达式测试工具
用JavaScript写一个正则表达式测试工具 <!DOCTYPE html> <html><head><meta charset="utf-8&q ...
使用JavaScript写一个三级下拉框联动
使用JavaScript写一个三级下拉框联动首先我们需要确定思路,定义三个下拉框: 1.从后台获取包含的数组1.1定义数组2.将数组中的信息添加到下拉框中2.1遍历数组,将数组信息添加下拉框2.2每 ...
用JavaScript写一个可以聊天的桌面宠物
好的,我们可以用 JavaScript 写一个聊天桌面宠物.首先,我们需要使用 JavaScript 的 GUI 库,比如 Electron 或 NW.js 来创建一个桌面应用程序.然后,我们可以使用 ...
用html css JavaScript写一个功能全面的王者荣耀轮播图（仿淘宝京东轮播图）通俗易懂
首先分析一下案例需求: 1.鼠标经过就显示隐藏左右按钮 2.动态生成小圆圈有几张图片,就生成几个小圆圈 3.点击小圆圈,移动图片当然移动的是 ul(大盒子) 4.点击左右按钮, 图片滚动 ...
【译】用JavaScript写一个区块链
原文:Writing a tiny blockchain in JavaScript 作者:Savjee.be 译者:JeLewine 几乎每个人都听说过像比特币和以太币这样的加密货币,但是只有极少数 ...
JavaScript写一个连连看的游戏
天天看到别人玩连连看, 表示没有认真玩过, 不就把两个一样的图片连接在一起么, 我自己写一个都可以呢. 使用Javascript写了一个, 托管到github, 在线DEMO地址查看:打开最终的效果 ...
html邮箱地址的正则表达式,javascript写一个校验邮箱的正则表达式
test 判断字符串是否符合正则的要求注意注意:字符串有一部分符合要求,test就会判断为真.这个时候我们可以加一个行首(^)行尾($)来控制分析我们根据常用邮箱写一个中文的校验规则如下: 我们 ...

HTML JavaScript 写一个距离高考倒计时

效果展示

HTML JavaScript 写一个距离高考倒计时相关推荐

最新文章

热门文章