firefox下实现用js选择文本框中的一段文本的问题

在ie下代码为：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title></title>
    <meta charset="UTF-8" />
    <link href="sample-css/page.css" rel="stylesheet" type="text/css" />
    <link href="css/dp.css" rel="stylesheet" type="text/css" />
    
    <link href="../highlighter/styles/shCore.css" rel="stylesheet" type="text/css" />
    <link href="../highlighter/styles/shThemeDefault.css" rel="stylesheet" type="text/css" /> 
    <script type="text/javascript">
     window.onload=function(){ var t=document.getElementById("temptime");
var rng = t.createTextRange();//获取一个需要操作对象的TextRange
rng.collapse();//默认true收缩
rng.select();//因为已收缩Range，所以select后会将光标移到首部

var sel = document.selection.createRange();//如果需要选中文本中的一部分，需要创建Range
sel.moveStart("character",1);//移动开始点
sel.moveEnd("character",5);//移动结束点
sel.select();//选中开始点到结束点间的字符 
}
  </script>
    <!--end code highlighter-->
   
</head>
<body>
            <input type="text" id="temptime" value="12:12:12"/><br/>

</body>
</html>
firefox下该如何实现同样效果，谢谢