js 元旦倒计时【非常nice】

本文展示了使用JavaScript和Vue.js两种方式实现元旦倒计时的代码示例,详细解析了实现过程。倒计时效果美观,适合用于节日氛围营造。鼓励读者点赞支持。
摘要由CSDN通过智能技术生成

如图:

js 实现(已经够详细的啊,再埋怨把你腿打断):

export function countDown() {
	var nowDate = new Date(); // 实时日期
	var nextYear = new Date(nowDate.getFullYear() + 1 +'/1/1'); // 明年的一月一日
	var timediff = Math.round((nextYear - nowDate) / 1000);     // 时间差
	var d = parseInt(timediff / 3600 / 24); // 天数
	var h = parseInt(timediff / 3600 % 24); // 小时
	var m = parseInt(timediff / 60 % 60);   // 分钟
	var s = parseInt(timediff % 60);        // 秒
	return {
		day: d,
		hosur: h,
		minute: m,
		second: s
	};
}

vue实现:

<div>
	距离明年元旦还有:
	<span class="count_down">{
  {countDown.day}}</span> 天 
	<span class="count_
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

逸曦穆泽

您的鼓励是我的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值