JavaScript定时与级联示例-优快云博客

本文介绍了一个使用JavaScript实现的时间进度条示例，通过获取当前时间更新进度条的宽度来模拟时间进度。此外，还展示了一个地区选择的级联菜单示例，根据上一级的选择动态加载下一级选项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//时间条

function dong()
{
   var c_div=document.getElementById("tdid");
// alert("1");
     var d = new Date();
      var t = d.getSeconds();
   var bili=Math.round(t*(100/60));
   c_div.style.width=bili+"%";
   //alert("2");
   setTimeout("dong()",1000);

}

//级联

function jilian(var1)
   {
       var address=new Array();
    address[0]=new Array("请选择");
    address[1]=new Array("长沙","韶山","怀化","彭州");
    address[2]=new Array("江北","北碚","南岸","渝中");

// var frmobj=document.getElementById("form1").select1.value;

    for(var i=0;i<address.length;i++)
    {

     if(document.getElementById(var1).value==i)
     {

          // 清空
        document.getElementById("select2").options.length=0;

     for(var j=0;j<address[i].length;j++)
     {
        var c_option=new Option(address[i][j],address[i][j]);
     document.getElementById("select2").options.add(c_option);
     }
     break;
     }
    }
   }

//根据月份更改样式

function month(){
var curerntdate=new Date();
var nowdate=curerntdate.getMonth()+1;
document.getElementById("ys").href="month"+nowdate+".css"

}