Question

根据所选时区获取时间：

我有一个JS函数，该函数以时区作为参数并返回该时区的当前时间。

function worldClock(zone) {
    var time = new Date()
    var gmtMS = time.getTime() + (time.getTimezoneOffset() * 60000)
    var gmtTime = new Date(gmtMS)

    var hr = gmtTime.getHours() + zone
    var min = gmtTime.getMinutes()
    var sec = gmtTime.getSeconds()

    if (hr < 10){
    hr = "0" + hr
    }
    if (min < 10){
    min = "0" + min
    }
    if (sec < 10){
    sec = "0" + sec
    }
    return hr + ":" + min + ":" + sec;
};

我还有一个下拉列表，其中包含城市列表及其时区作为值。

 <select name="city">
        <option value="-4">Toronto</option>
        <option value="2">Stokholm</option>
        <option value="-5">New-York</option>
      </select>

我需要在选择某个城市时调用worldClock（）函数；将下拉列表中的值作为参数传递，并显示结果值和城市名称：多伦多：04:52:16;如何实现？

Answer 1

添加Onchange事件：

function worldClock(zone) {
    var time = new Date()
    var gmtMS = time.getTime() + (time.getTimezoneOffset() * 60000)
    var gmtTime = new Date(gmtMS)

    var hr = gmtTime.getHours() + zone
    var min = gmtTime.getMinutes()
    var sec = gmtTime.getSeconds()

    if (hr < 10){
    hr = "0" + hr
    }
    if (min < 10){
    min = "0" + min
    }
    if (sec < 10){
    sec = "0" + sec
    }
    var output= hr + ":" + min + ":" + sec;
    console.log(output);
    return output;
};

 <select name="city" onchange="worldClock(this.value);">
        <option value="-4">Toronto</option>
        <option value="2">Stokholm</option>
        <option value="-5">New-York</option>
      </select>

下拉列表和Javascript

1 个答案: