小方的Java博客
  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理 ::
  27 随笔 :: 17 文章 :: 115 评论 :: 0 Trackbacks
[原创]一个javascript的时钟
初次写js，感觉很不错

需求：
1. session 传值初始化时钟，格式 hh:mm:ss
2. 时钟在页面上显示倒计时功能
3. 时间到触发点击按钮事件

<body MS_POSITIONING="GridLayout" onLoad="window.setInterval('Clock()', 1000);">
        <script type="text/javascript">
        
        function Clock(){                  
            var init = clock.innerText;
            var stop = new Number("0");

            var hms = new String(init).split(":");
　　        var s = new Number(hms[2]);
　　        var m = new Number(hms[1]);
　　        var h = new Number(hms[0]);
　　        
　　        
　　        
　　        if(stop == 0){
　　            if(s == 0){
　　                if(m == 0){
　　                    if(h == 0){
　　                        stop = 1;
　　                        var e = document.getElementById("finish").click();
　　                    }
　　                    else{
　　                        h--;
　　                    }
　　                    m = 59;
　　                }
　　                else{
　　                    m--;
　　                }
　　                s = 59;
　　            }
　　            else{
　　                s--;
　　            }
　　        }
　　        var ss = s < 10 ? ("0" + s) : s;
　　        var sm = m < 10 ? ("0" + m) : m;
　　        var sh = h < 10 ? ("0" + h) : h;
　　        init = sh + ":" + sm + ":" + ss;
　　        clock.innerText = init;         
        }
        </script>

<form id="Form1" name="Form1" method="post" runat="server">
<SPAN id="clock"><STRONG>
<%=(string)Session["time"]%></STRONG></SPAN>
<asp:button id="finish" runat="server" Width="70px" Height="20px" Text="完成提交"></asp:button>
</form>
posted on 2006-10-01 00:35 方佳玮 阅读(1099) 评论(1)  编辑  收藏 所属分类: 其他技术

评论

# re: [JS]一个javascript的时钟(asp.net项目中) 2006-10-01 05:07 坏男孩1
效果是什么样子的？  回复  更多评论
  


只有注册用户登录后才能发表评论。
网站导航: