您好,欢迎来到12图资源库!分享精神,快乐你我!我们只是素材的搬运工!!
  • 首 页
  • 当前位置:首页 > 网站教程 > 网页设计 >
    用js封装的时间设置器
    时间:2016-07-10 10:03 来源: 作者: 浏览:收藏 挑错 推荐 打印

    js的成员和方法好象没有private和public之分,列一下public的成员和方法

    成员:
    name 控件的名字,既这个控件的变量名(必选)
    fName 时间的input的name,可以后台获取,也就是input的name属性(可选,默认为 m_input

    方法:
    play() 使时间框呈现动态效果
    getTime() 获取设定的时间

    IE5.5 效果最佳,IE5运行也没有问题,就是css有些对不齐(IE5实在是太老了。。。可以退休了)

    <style type="text/css">
    body {
    background-color: #D4D0C8;
    }
    .m_frameborder {
    border-left: 2px inset #D4D0C8;
    border-top: 2px inset #D4D0C8;
    border-right: 2px inset #FFFFFF;
    border-bottom: 2px inset #FFFFFF;
    width: 100px;
    height: 19px;
    background-color: #FFFFFF;
    overflow: hidden;
    text-align: right;
    font-family: "Tahoma";
    font-size: 10px;
    }
    .m_arrow {
    width: 16px;
    height: 8px;
    font-family: "Webdings";
    font-size: 7px;
    line-height: 2px;
    padding-left: 2px;
    cursor: default;
    }
    .m_input {
    width: 18px;
    height: 14px;
    border: 0px solid black;
    font-family: "Tahoma";
    font-size: 9px;
    text-align: right;
    }
    </style>

    <script language="javascript">
    // Written by cloudchen, 2004/03/15
    function minute(name,fName) {
    this.name = name;
    this.fName = fName || "m_input";
    this.timer = null;
    this.fObj = null;

    this.toString = function() {
    var objDate = new Date();
    var sMinute_Common = "class=\"m_input\" maxlength=\"2\" name=\"" this.fName "\" onfocus=\"" this.name ".setFocusObj(this)\" onblur=\"" this.name ".setTime(this)\" onkeyup=\"" this.name ".prevent(this)\" onkeypress=\"if (!/[0-9]/.test(String.fromCharCode(event.keyCode)))event.keyCode=0\" onpaste=\"return false\" ondragenter=\"return false\" style=\"ime-mode:disabled\"";
    var sButton_Common = "class=\"m_arrow\" onfocus=\"this.blur()\" onmouseup=\"" this.name ".controlTime()\" disabled"
    var str = "";
    str = "<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"
    str = "<tr>"
    str = "<td>"
    str = "<div class=\"m_frameborder\">"
    str = "<input radix=\"24\" value=\"" this.formatTime(objDate.getHours()) "\" " sMinute_Common ">:"
    str = "<input radix=\"60\" value=\"" this.formatTime(objDate.getMinutes()) "\" " sMinute_Common ">:"
    str = "<input radix=\"60\" value=\"" this.formatTime(objDate.getSeconds()) "\" " sMinute_Common ">"
    str = "</div>"
    str = "</td>"
    str = "<td>"
    str = "<table border=\"0\" cellspacing=\"2\" cellpadding=\"0\">"
    str = "<tr><td><button id=\"" this.fName "_up\" " sButton_Common ">5</button></td></tr>"
    str = "<tr><td><button id=\"" this.fName "_down\" " sButton_Common ">6</button></td></tr>"
    str = "</table>"
    str = "</td>"
    str = "</tr>"
    str = "</table>"

    (责任编辑:12图资源库)