js编程编一个程序,求当前时间距离元旦的剩余时间,在input文本框中显示出来。

js编程编一个程序,求当前时间距离元旦的剩余时间,在input文本框中显示出来。编一个程序,求当前时间距离元旦的剩余时间,在input文本框中显示出来。js语言,来大神。... js编程编一个程序,求当前时间距离元旦的剩余时间,在input文本框中显示出来。编一个程序,求当前时间距离元旦的剩余时间,在input文本框中显示出来。
js语言,来大神。
展开
 我来答
匿名用户
2018-03-27
展开全部
<!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>
说话凭良心3q
2018-03-27 · TA获得超过123个赞
知道小有建树答主
回答量:235
采纳率:78%
帮助的人:71.9万
展开全部

首先要了解怎么计算时间差,然后需要知道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>
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式