JS时间戳和正常时间格式转换

JS时间戳和正常时间格式转换工具

demo地址:http://codepen.io/fonglezen/pen/OVjXBr


代码:

HTML:

<p>结果:<span id="now"></span></p>
<input type="button" value="获取当前时间戳" οnclick="nowc();" />
<input type="button" value="获取当前时间" οnclick="nowtime();" />
<hr/>
<h3>普通时间转换为时间戳</h3>
<input type="text" name="year" />年
<input type="text" name="month" />月
<input type="text" name="day" />日
<input type="text" name="hour" />时
<input type="text" name="min" />分
<input type="text" name="second" />
<input type="button" name="change1" value="转换" οnclick="change1();" />
<br /><br />结果
<p id="timec" style="color:#f00; font-family:'微软雅黑';"></p>
<hr/>
<h3>时间戳转换为</h3>
时间戳:<input type="text" name="times" />
<input type="button" name="change2" value="转换" οnclick="change2();" />
<br /><br />结果
<p id="timef"></p>


javascript:

   function change1(){
        var year = document.getElementsByName('year').item(0);
        var month = document.getElementsByName('month').item(0);
        var day = document.getElementsByName('day').item(0);
        var hour = document.getElementsByName('hour').item(0);
        var mins = document.getElementsByName('min').item(0);
        var second = document.getElementsByName('second').item(0);
        var timec = document.getElementById('timec');
        
        var time1 = new Date();
        time1.setFullYear(year.value);
        time1.setMonth(month.value - 1);
        time1.setDate(day.value);
        time1.setHours(hour.value);
        time1.setMinutes(mins.value);
        time1.setSeconds(second.value);
        
        time1 = Date.parse(time1)/1000;
        timec.innerHTML = time1;
        
    }
    
    function change2(){
        times = document.getElementsByName('times').item(0).value;
        var time2 = new Date(parseInt(times)*1000);
        
        var year2 = time2.getFullYear();
        var month2 = time2.getMonth();
        var day2 = time2.getDate();
        var hour2 = time2.getHours();
        var mins2 = time2.getMinutes();
        var second2 = time2.getSeconds();
        var timef = document.getElementById('timef');
        
        if(hour2 < 10){
            hour2 = '0' + hour2;    
        }
        if(mins2 < 10){
            mins2 = '0' + mins2;    
        }
        if(second2 < 10){
            second2 = '0' + second2;    
        }
        timef.innerHTML = year2 + '-' + (month2 + 1) + '-' + day2 + '  ' + hour2 + ':' + mins2 + ':' + second2 ;    
    }
    
    function nowc(){
        var nowc = new Date();
        nowc = Date.parse(nowc)/1000;
        var nowcshow = document.getElementById('now');
        nowcshow.innerHTML = nowc;    
    }
    
    function nowtime(){
        var nowtime = new Date();
        var nowcshow2 = document.getElementById('now');
        nowcshow2.innerHTML = nowtime;        
    }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值