一个简单的JS时间控件示例代码(JS时分秒时间控件)
2023-06-13 09:15:12 时间
自己在网上找了半天没找到只有“时分秒”的控件,就自己做了个,发在这里方便有人用到
复制代码代码如下:
鼠标点击后的效果
/**//***********************************
*使用说明:
*首先把本控件包含到页面
*<scriptsrc="XXX/setTime.js"type="text/javascript"></script>
*控件调用函数:_SetTime(field)
*例如<inputname="time"type="text" onclick="_SetTime(this)"/>
*
************************************/
varstr="";
document.writeln("<divid=/"_contents/"style=/"padding:6px;background-color:#E3E3E3;font-size:12px;border:1pxsolid#777777; position:absolute;left:?px;top:?px;width:?px;height:?px;z-index:1;visibility:hidden/">");
str+="/u65f6<selectname=/"_hour/">";
for(h=0;h<=9;h++){
str+="<optionvalue=/"0"+h+"/">0"+h+"</option>";
}
for(h=10;h<=23;h++){
str+="<optionvalue=/""+h+"/">"+h+"</option>";
}
str+="</select>/u5206<selectname=/"_minute/">";
for(m=0;m<=9;m++){
str+="<optionvalue=/"0"+m+"/">0"+m+"</option>";
}
for(m=10;m<=59;m++){
str+="<optionvalue=/""+m+"/">"+m+"</option>";
}
str+="</select>/u79d2<selectname=/"_second/">";
for(s=0;s<=9;s++){
str+="<optionvalue=/"0"+s+"/">0"+s+"</option>";
}
for(s=10;s<=59;s++){
str+="<optionvalue=/""+s+"/">"+s+"</option>";
}
str+="</select><inputname=/"queding/"type=/"button/"onclick=/"_select()/"value=/"/u786e/u5b9a/"style=/"font-size:12px/"/></div>";
document.writeln(str);
var_fieldname;
function_SetTime(tt){
_fieldname=tt;
varttop=tt.offsetTop; //TT控件的定位点高
varthei=tt.clientHeight; //TT控件本身的高
vartleft=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";
}
相关文章
- 用turf.js求多个点的外包多边形
- js代码中实现页面跳转的几种方式[通俗易懂]
- JS跳转代码_js中跳转页面路径
- php 中js跳转页面跳转页面,js跳转代码_PHP页面跳转 Js页面跳转代码[通俗易懂]
- js中四舍五入的方法_JS取整
- JS设置定时器_js设置定时器
- 网页防止复制js代码
- 怎么防止同事用Evil.js的代码投毒
- JS定时器清除之后,已经开始但是没有运行完的函数还会继续运行吗?
- 两段简单的JS代码防止SQL注入详解编程语言
- 刷新时清空文本框内容的js代码
- JS加ASP二级域名转向的代码
- 用js实现计算代码行数的简单方法附代码
- 收藏,对比功能的JS部分实现代码
- 监控用户是否关闭浏览器的js代码
- js模拟实现类似c#下的hashtable的简单功能代码
- js判断IE6/IE7/FF的代码[XMLHttpRequest]
- js模拟3D场景效果代码打包
- 简单JS自动提示文本框代码
- js动画(animate)简单引擎代码示例
- js汉字转拼音实现代码
- js或者jquery判断图片是否加载完成实现代码
- 纯文字版返回顶端的js代码
- JS简单实现文件上传实例代码(无需插件)
- js简单实现用户注册信息的校验代码
- JS动态添加与删除select中的Option对象(示例代码)
- js判断js函数、变量是否存在的简单示例代码
- js实现键盘操作实现div的移动或改变的原理及代码
- node.js中的querystring.unescape方法使用说明
- node.js中的fs.rmdirSync方法使用说明
- js实现DOM走马灯特效的方法
- JS中实现简单Formatter函数示例代码
- 一个简单的动态加载js和css的jquery代码