时间戳转换功能实现

2018年7月31日 2018年8月2日

下边实现时间戳转换成时间的方式和时间转换成时间戳的方式

记录当前的时间，并实现暂停和启动

<h3>时间、时间戳转换</h3>
<br/>
<div>
<div>
  <div class="input-group" style='width:60%;float:left'>
    <span class="input-group-addon" id="basic-addon1">当前时间戳：</span>
    <input type="text" class="form-control" id="curr_time" aria-describedby="basic-addon1">
    <span class="input-group-addon" id="basic-addon1">北京时间：</span>
    <input type="text" class="form-control" id="curr_date_time" aria-describedby="basic-addon1" style='width:160px'>
  </div>
    <div class="btn-group" role="group" aria-label="..." style='width:25%;float:left;margin-left:20px'>
      <button type="button" class="btn btn-primary codeurl" onclick='start();'>开始</button>
      <button type="button" class="btn btn-primary codeurl" onclick='cl();'>暂停</button>
    </div>
</div>
<br/>
  <div style='margin-top:50px;line-height:40px;clear:both'>
    <div style='font-size:10px;margin-left:10px'>时间戳->北京时间</div>
    <div class="input-group" style='width:38%;float:left'>
      <span class="input-group-addon" id="basic-addon1">时间戳：</span>
      <input type="text" class="form-control" id="otime" aria-describedby="basic-addon1">
    </div>
    <button type="button" class="btn btn-primary" id='changetime' style='width:18%;float:left;margin-left:10px;margin-right:10px'>转 换</button>
    <div class="input-group" style='width:38%;float:left'>
        <span class="input-group-addon" id="basic-addon1">北京时间：</span>
        <input type="text" class="form-control" id="bei_time" aria-describedby="basic-addon1">
    </div>
</div>
<div style='margin-top:50px;line-height:40px;clear:both'>
    <div style='font-size:10px;margin-left:10px'>北京时间->时间戳</div>
    <div class="input-group" style='width:38%;float:left'>
      <span class="input-group-addon" id="basic-addon1">北京时间：</span>
      <input type="text" class="form-control" id="beic_time" aria-describedby="basic-addon1">
    </div>
    <button type="button" class="btn btn-primary" id='changetimec' style='width:18%;float:left;margin-left:10px;margin-right:10px'>转 换</button>
    <div class="input-group" style='width:38%;float:left'>
        <span class="input-group-addon" id="basic-addon1">时间戳：</span>
        <input type="text" class="form-control" id="octime" aria-describedby="basic-addon1">
    </div>
</div>
</div>
 
 
<script>
$(document).ready(function(){
   $("#otime").val(parseInt(new Date().getTime()/1000));
   $("#beic_time").val(formatDate(new Date()));
   $("#changetime").click(function(){
       var otime=   $("#otime").val();
       if (otime=="") {
         alert("时间戳不能为空");
         $("#otime").focus();
         return false;
       }
    console.log(otime)
       $("#bei_time").val(formatDate(new Date(otime*1000)));
   });
 
  $("#changetimec").click(function(){
       var beic_time=   $("#beic_time").val();
       if (beic_time=="") {
         alert("时间戳不能为空");
         $("#beic_time").focus();
         return false;
       }
    console.log(beic_time)
       $("#octime").val(transdate(beic_time));
   });
});
function   formatDate(now)   {    
              var   year=now.getFullYear();     
              var   month=now.getMonth()+1;     
              var   date=now.getDate();     
              var   hour=now.getHours();     
              var   minute=now.getMinutes();     
              var   second=now.getSeconds();     
              return   year+"-"+(month=month<10?("0"+month):month)+"-"+(date=date<10?("0"+date):date)+" "+(hour=hour<10?("0"+hour):hour)+":"+(minute=minute<10?("0"+minute):minute)+":"+(second=second<10?("0"+second):second);     
   } 
function transdate(endTime){
    var date=new Date("2000-0-1");
    $month=endTime.substring(5,7);
    $day=endTime.substring(8,10);
    if ($month<1||$month>12) {
        alert("北京时间月份不正确。");
        $("#beic_time").focus();
        return false;
    }
    if ($day<1||$day>31) {
        alert("北京时间日不正确。");
        $("#beic_time").focus();
        return false;
    }
    date.setFullYear(endTime.substring(0,4));
    date.setMonth($month-1);
    date.setDate($day);
    date.setHours(endTime.substring(11,13));
    date.setMinutes(endTime.substring(14,16));
    date.setSeconds(endTime.substring(17,19));
    return Date.parse(date)/1000;
}
var arr = new Array();
start();
function start() {
var ii=setInterval(function(){
  var tt= new Date();
  $("#curr_time").val(parseInt(tt.getTime()/1000));
  $("#curr_date_time").val(formatDate(tt));
  console.log(ii);
},1000);
arr.push(ii);   
}
function cl() {
    while(i=arr.pop()){
      clearInterval(i);
    }
    arr = new Array();
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

<h3>时间、时间戳转换</h3>

<br/>

<div>

<span class="input-group-addon" id="basic-addon1">当前时间戳：</span>

</div>

</div>

<br/>

</div>

</div>

</div>

</div>

$(document).ready(function(){

$("#otime").val(parseInt(new Date().getTime()/1000));

$("#beic_time").val(formatDate(new Date()));

$("#changetime").click(function(){

var otime= $("#otime").val();

if (otime=="") {

alert("时间戳不能为空");

$("#otime").focus();

return false;

}

console.log(otime)

$("#bei_time").val(formatDate(new Date(otime*1000)));

});

$("#changetimec").click(function(){

var beic_time= $("#beic_time").val();

if (beic_time=="") {

alert("时间戳不能为空");

$("#beic_time").focus();

return false;

}

console.log(beic_time)

$("#octime").val(transdate(beic_time));

});

function formatDate(now) {

var year=now.getFullYear();

var month=now.getMonth()+1;

var date=now.getDate();

var hour=now.getHours();

var minute=now.getMinutes();

var second=now.getSeconds();

return year+"-"+(month=month<10?("0"+month):month)+"-"+(date=date<10?("0"+date):date)+" "+(hour=hour<10?("0"+hour):hour)+":"+(minute=minute<10?("0"+minute):minute)+":"+(second=second<10?("0"+second):second);

}

function transdate(endTime){

var date=new Date("2000-0-1");

$month=endTime.substring(5,7);

$day=endTime.substring(8,10);

if ($month<1||$month>12) {

alert("北京时间月份不正确。");

$("#beic_time").focus();

return false;

}

if ($day<1||$day>31) {

alert("北京时间日不正确。");

$("#beic_time").focus();

return false;

}

date.setFullYear(endTime.substring(0,4));

date.setMonth($month-1);

date.setDate($day);

date.setHours(endTime.substring(11,13));

date.setMinutes(endTime.substring(14,16));

date.setSeconds(endTime.substring(17,19));

return Date.parse(date)/1000;

}

var arr = new Array();

start();

function start() {

var ii=setInterval(function(){

var tt= new Date();

$("#curr_time").val(parseInt(tt.getTime()/1000));

$("#curr_date_time").val(formatDate(tt));

console.log(ii);

},1000);

arr.push(ii);

}

function cl() {

while(i=arr.pop()){

clearInterval(i);

}

arr = new Array();

}

一	二	三	四	五	六	日
« 3月
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30