js编程编一个程序，求当前时间距离元旦的剩余时间，在input文本框中显示出来。
js编程编一个程序，求当前时间距离元旦的剩余时间，在input文本框中显示出来。编一个程序，求当前时间距离元旦的剩余时间，在input文本框中显示出来。js语言，来大神。...
js编程编一个程序，求当前时间距离元旦的剩余时间，在input文本框中显示出来。编一个程序，求当前时间距离元旦的剩余时间，在input文本框中显示出来。
js语言，来大神。 展开
js语言，来大神。 展开
2个回答
展开全部
<!DOCTYPE html>
<html>
<head>
<title>cc-vue.js</title>
<style type="text/css">
</style>
<script>
// 生成2019年元旦日期函数
function _yd() {
var yd = new Date();
// 2019 - 01-01
// Year
yd.setYear(yd.getFullYear() + 1);
// Month
yd.setMonth(0);
// Day
yd.setDate(1);
// Time
yd.setHours(0,0,0,0);
return yd;
}
/**
* 计算当前时间距元旦时间间隔
*/
function yd_cal() {
var ipt = document.getElementById('ipt');
var now = new Date();
var ts = _yd().getTime() - now.getTime();
var _d = ts / (24 * 60 * 60 * 1000);
// console.log('天:' + parseInt(_d));
var _h = (_d - parseInt(_d)) * 24;
// console.log('小时：' + parseInt(_h));
var _m = (_h - parseInt(_h)) * 60;
// console.log("分钟：" + parseInt(_m));;
var _s = (_m - parseInt(_m)) * 60;
// console.log("秒：" + parseInt(_s));;
ipt.value = " " + parseInt(_d) + "天 " + parseInt(_h) + ":" + parseInt(_m) + ":" + parseInt(_s) + ""
}
</script>
</head>
<body style="margin: 20px;">
<div style="width: 100%; height: 40px; background-color: #fff">
<label for="ipt" style="font-size: .8em">当前距元旦时间间隔：</label>
<input type="text" value="" placeholder="元旦时间间隔" disabled id="ipt">
<input type="button" value="计算" onclick="yd_cal()" />
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
首先要了解怎么计算时间差，然后需要知道JS中怎么计算两个日期相差天数，以下是以倒计时的方式显示，如下：
<p>距离元旦:<input type="text" id="myDate" value="" />
<script type="text/javascript">
var yuandan = new Date(2019, 1, 1);
var nowDate = new Date();
var leftsecond = (yuandan - nowDate)/1000;
window.setInterval(function () {
if (leftsecond > 0) {
leftsecond--;
var day = Math.floor(leftsecond / (60 * 60 * 24));
var hour = Math.floor((leftsecond - day * 24 * 60 * 60) / 3600);
var minute = Math.floor((leftsecond - day * 24 * 60 * 60 - hour * 3600) / 60);
var second = Math.floor(leftsecond - day * 24 * 60 * 60 - hour * 3600 - minute * 60);
var timerText = day + "天";
if (hour > 9) {
timerText += hour + "小时";
}
else {
timerText += "0" + hour + "小时";
}
if (minute > 9) {
timerText += minute + "分钟";
}
else {
timerText += "0" + minute + "分钟";
}
if (second > 9) {
timerText += second+"秒";
}
else {
timerText += "0" + second +"秒";
}
document.getElementById("myDate").value = timerText;
}
}, 1000);
</script>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
