JS实现时分秒日周毫秒转换
<body>
<div id="as"style="width:300px;height:300px">
<select id="zhuan" style="width:300px;">
<option value="0">毫秒</option>
<option value="1">秒</option>
<option value="2">分</option>
<option value="3">时</option>
<option value="4">日</option>
<option value="5">周</option>
</select>
<div id="zhi"style="width:300px;">
</div>
</div>
<div id="" style="width:300px;float:right">
<select id="huan" style="width:300px;">
<option value="0">毫秒</option>
<option value="1">秒</option>
<option value="2">分</option>
<option value="3">时</option>
<option value="4">日</option>
<option value="5">周</option>
</select>
<div id="zhi2" style="width:300px;">
</div>
</div>
<script src="~/Content/bootstrap-3.3.7-dist/js/jquery-3.2.1.min.js"></script>
<script src="~/Content/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<script>
var zu = [, ];
window.onload = function () {
$("#as").append("<div></div>");
$("#as").append("<div>CE</div>");
$("#as").append("<div onclick='xiaochu()'>×</div>")
for (var i = 9; i >= 0; i--) {
$("#as").append("<div id='"+i+"'onclick='dianji(this)'>"+i+"</div>")
}
$("#as").append("<div id='.'onclick='dianji(this)'>.</div>");
}
var shu = "";
function dianji(t) {
var kai = true;
var d = t.id;
var s = shu.indexOf(".");
if (s>0) {
kai = false;
if (d==".") {
} else {
kai = true;
}
}
if (kai == true) {
shu += d;
$("#zhi").text(shu);
ceshi()
}
}
function xiaochu() {
var i = shu.length;
var x = shu.charAt(i - 1);
shu= shu.replace(x, "");
$("#zhi").text(shu);
}
function ceshi() {
var q = "";
var o = "";
var shuzu = [1000, 60, 60, 24, 7];
var zhi1 = shu;
var zhuan = $("#zhuan").val();
var huan = $("#huan").val();
if (zhuan < huan) {
for (var i = 0; i < shuzu.length; i++) {
if (i < huan && i >= zhuan) {
var s = shuzu[i];
if (i < (huan) - 1) {
q += (s + "\*");
} else {
q += s;
}
}else {
}
}
o =eval(q);
$("#zhi2").text(zhi1 / o);
} else if (zhuan > huan) {
for (var i = 0; i < shuzu.length; i++) {
if (i < zhuan && i >= huan) {
var s = shuzu[i];
if (i < (zhuan) - 1) {
q += (s + "\*");
} else {
q += s;
}
} else {
}
}
o = eval(q);
$("#zhi2").text(zhi1 * o);
} else if (zhuan == huan) {
$("#zhi2").text(zhi1);
}
}
</script>
</body>
效果图：
