js时分秒控件

时间控件

<html>
<head>
<title>时分秒控件title>
style>
head>
<body>
<div>
<div>
使用说明:<br>
  首先把本控件包含到页面,引入js或者直接把该js写在当前页面<br>
  控件调用函数:_SetTime(field)<br>
  例如 :
div>
        时分秒为:<input name="time" type="text"   onclick="_SetTime(this)"/>

div>
body>
html>
<script type="text/javascript">
var str = "";
document.writeln("
"); str += "\u65f6 \u5206 \u79d2
"
; document.writeln(str); var _fieldname; function _SetTime(tt) { _fieldname = tt; var ttop = tt.offsetTop; //TT控件的定位点高 var thei = tt.clientHeight; //TT控件本身的高 var tleft = tt.offsetLeft; //TT控件的定位点宽 while (tt = tt.offsetParent) { ttop += tt.offsetTop; tleft += tt.offsetLeft; } document.all._contents.style.top = ttop + thei + 4; document.all._contents.style.left = tleft; document.all._contents.style.visibility = "visible"; } function _select() { _fieldname.value = document.all._hour.value + ":" + document.all._minute.value + ":" + document.all._second.value; document.all._contents.style.visibility = "hidden"; }
script>

效果:如下图

js时分秒控件_第1张图片

你可能感兴趣的:(前端)