一个24小时制的时间选择特效

稿源：互联网 2022-04-16 15:48:17 点击： 2350 撤稿纠错

一个24小时制的时间选择特效，选中后的时间显示在文本框内。

以下讨论的是和特效相关的一个24小时制的时间选择特效教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br><html xmlns="http://www.w3.org/1999/xhtml"><br><head><br><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br><title>无标题文档</title><br></head><br><script><br>function show(){<br> document.getElementById("time").value=document.getElementById("h").value+"时"+document.getElementById("min").value+"分"<br>}<br></script><br><body><br><select name="h" id="h" onchange="show();"><br><script><br>for(var i=0;i<=23;i++){<br> document.write("<option value='"+i+"'>"+i+"</option>");<br>}<br></script><br></select><br>时<br><select name="min" id="min" onchange="show();"><br><script><br>for(var i=0;i<=59;i++){<br> document.write("<option value='"+i+"'>"+i+"</option>");<br>}<br></script><br></select><br>分<br><input type="text" name="time" id="time" readonly="readonly" value="0时0分" /><br></body><br></html></font><br><a href="http://js.alixixi.com/">欢迎访问阿里西西网页特效代码站，js.alixixi.com</a>

关于一个24小时制的时间选择特效的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/20080808695.shtml方便下次再访问哦。

·上一篇： 网友原创的js日历代码演示
·下一篇： 最精简的日期星期时间显示特效

一个24小时制的时间选择特效

文章分类LIST >>返回首页

最新游戏

最新新闻