时间倒计时

柔光的暖阳◎ 2022-07-15 15:10 272阅读 0赞

# 距年底还有多长时间 #

<div id="a"></div>  
<div id="b"></div>

<script>  
function show()\{  
var date1=new Date();  
var year=date1.getFullYear();    //获取当前年份  
var date2=new Date(year,12,31,23,59,59);// 年底最终时间    
var time=(date2-date1)/1000;// 单位是  毫秒      除以1000 转换为 秒  
var date=Math.floor(time/(60\*60\*24));//  结果就是 天  
var hours=Math.floor(time%(60\*60\*24)/(60\*60));// 余数不足一天  再除以 3600  就是 小时  
var minutes=Math.floor(time%(60\*60\*24)%(60\*60)/60);// 余数不足一小时  再除以 60  就是 分钟  
var seconds=Math.floor(time%(60\*60\*24)%(60\*60)%60);// 余数就是秒  
var str=year+"年还剩"+"&nbsp;"+date+"天"+"&nbsp;"+hours+"小时"+minutes+"分钟"+seconds+"秒";  
document.getElementById("b").innerHTML=str;  
  
  
var month=date1.getMonth()+1;  
var date3=date1.getDate();  
var day=date1.getDay();  
var hours1=date1.getHours();  
var minutes1=date1.getMinutes();  
var seconds1=date1.getSeconds();  
var aa=\["日","一","二","三","四","五","六"\]  
var str1=year+"年"+month+"月"+date3+"日"+"&nbsp;"+"星期"+aa\[day\]+"&nbsp;"+hours1+"小时"+minutes1+"分"+seconds1+"秒";  
document.getElementById("a").innerHTML=str1;  
setTimeout(show,1000);  
\}  
show();  
</script>

发表评论取消回复

表情：

评论列表（有 0 条评论，272人围观）

还没有评论，来说两句吧...

相关阅读

相关根据服务器时间校准倒计时时间

最近项目做一个答题活动, 需要所有用户统一时间并开始答题, 为了防止每个用户的时间不一样,所以需要从网络上获取时间,以此来校准 data() {

桃扇骨/ 2023年02月20日 02:35/ 0 赞/ 30 阅读

相关 js截取时间段进行倒计时和指定时间倒计时

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

雨点打透心脏的1/2处/ 2023年02月11日 03:15/ 0 赞/ 55 阅读

相关 linux倒计时显示时间,linux shell 之倒计时计算

\!/bin/bash \date 计算出现在到你下次生日还有多少天，date +%s 把当前时间换算成秒数，以19700101日开始算 read -p "please i

àì夳堔傛蜴生んèń/ 2023年01月20日 08:23/ 0 赞/ 435 阅读

相关 js 天数倒计时时间倒计时

export function getOverTimeDown(endDateStr: string, outValue?: { value: string }, fn

àì夳堔傛蜴生んèń/ 2022年09月11日 12:10/ 0 赞/ 367 阅读

相关时间倒计时

距年底还有多长时间 <div id="a"></div> <div id="b"></div> <script> functio

柔光的暖阳◎/ 2022年07月15日 15:10/ 0 赞/ 273 阅读

相关 Javascript实现时间倒计时

这里使用的是Date日期类 <!DOCTYPE html> <html> <head> <meta charset="

蔚落/ 2022年06月12日 03:55/ 0 赞/ 398 阅读

相关时间戳倒计时

var defaultTimeStamp = Math.floor(Date.now()/1000); var dayA = defaultTi

￡神魔★判官ぃ/ 2022年05月23日 13:41/ 0 赞/ 301 阅读

相关 JS时间倒计时

[JS时间倒计时][JS] HTML <div class="con"> <div class="time">

逃离我推掉我的手/ 2022年04月24日 04:44/ 0 赞/ 297 阅读

相关 js时间倒计时实现

<li id="time" style="display: none">3:00</li> $(function () {

青旅半醒/ 2022年04月22日 04:28/ 0 赞/ 391 阅读

相关小程序倒计时，已知过期时间实现倒计时

话不多说，直接贴代码 / 页面的初始数据 / data: { pastDate:'2019-03-05 1

不念不忘少年蓝@/ 2022年03月12日 08:52/ 0 赞/ 386 阅读