---
sourceDocument: Xanadu API Reference
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/xanadu/api-reference

 Release :

    - xanadu

ft:locale :

    - en-US

ft:publication_title :

    - Xanadu API Reference

ft:clusterId :

    - crapiref

bundleId :

    - crapiref

workflow :

    - Creator


---

# TimelineSpan - Global

# TimelineSpan - Global {#ariaid-title1}

* Release version: Xanadu
* 
* Updated August 1, 2024
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 8 minutes to read

The TimelineSpan API provides methods to define a set of properties that describe the characteristics and interactive behavior of an element rendered within a time line item.

Since it is extremely important for all of a time line item's collection of spans to be unique, the creation of a new instance should be performed using the createTimelineItem() method of an existing time line
Item instance.

## TimelineSpan - addPredecessor(Object Array objArray) {#ariaid-title2}

Adds multiple relationships between the current instance and other TimelineSpan objects by enumerating through the array of JavaScript objects.
Each object should have an internal property relationship_sys_id and predecessor_sys_id specified.
{#r_TLS-addPredecessor_OA__table_yg2_5bs_zt__entry__3}

| Name | Type | Description |
|-|-|-|
| objArray | Object Array | JavaScript object array that contains two internal properties: relationship_sys_id and predecessor_sys_id. |
[Table 1. Parameters]

{#r_TLS-addPredecessor_OA__table_yg2_5bs_zt} {#r_TLS-addPredecessor_OA__table_zg2_5bs_zt__entry__2}

| Type | Description |
|-|-|
| void |   |
[Table 2. Returns]

{#r_TLS-addPredecessor_OA__table_zg2_5bs_zt}

## TimelineSpan - addPredecessor(String strPredecessorSysId, String strRelationshipSysId, String strTableName) {#ariaid-title3}

Adds the specified relationship between the current instance and another
TimelineSpan and allows the relationship to open a
GlideWindow to display information about the relationship.
{#r_TLS-addPredecessor_S_S_S__table_ch2_5bs_zt__entry__3}

| Name | Type | Description |
|-|-|-|
| strPredecessorSysId | String | Sys_id of the planned task record that is the predecessor of the relationship. |
| strRelationshipSysId | String | Sys_id of the relationship record of the relationship. |
| strTableName | String | Name of the table for the relationship. |
[Table 3. Parameters]

{#r_TLS-addPredecessor_S_S_S__table_ch2_5bs_zt} {#r_TLS-addPredecessor_S_S_S__table_dh2_5bs_zt__entry__2}

| Type | Description |
|-|-|
| void |   |
[Table 4. Returns]

{#r_TLS-addPredecessor_S_S_S__table_dh2_5bs_zt}

## TimelineSpan - addPredecessor(String strPredecessorSysId, String strRelationshipSysId) {#ariaid-title4}

Adds the specified relationship between the current instance and another time line span with sys_id strPredecessorSysId.
The drawn line will not have any double click handlers associated with it.
{#r_TLS-addPredecessor_S_S__table_ah2_5bs_zt__entry__3}

| Name | Type | Description |
|-|-|-|
| strPredecessorSysId | String | Sys_id of the planned task record that is the predecessor of the relationship. |
| strRelationshipSysId | String | Sys_id of the relationship record of the relationship. |
[Table 5. Parameters]

{#r_TLS-addPredecessor_S_S__table_ah2_5bs_zt} {#r_TLS-addPredecessor_S_S__table_bh2_5bs_zt__entry__2}

| Type | Description |
|-|-|
| void |   |
[Table 6. Returns]

{#r_TLS-addPredecessor_S_S__table_bh2_5bs_zt}

## TimelineSpan - getAllowXDragLeft() {#ariaid-title5}

Returns the boolean value of the AllowXDragLeft
property.
{#r_TLS-getAllowXDragLeft__table_eh2_5bs_zt__entry__3}

| Name | Type | Description |
|-|-|-|
| None |   |   |
[Table 7. Parameters]

{#r_TLS-getAllowXDragLeft__table_eh2_5bs_zt} {#r_TLS-getAllowXDragLeft__table_fh2_5bs_zt__entry__2}

| Type | Description |
|-|-|
| Boolean | Flag that indicates whether the object's start time can be adjusted. Valid values: * true: Object start time can be adjusted. * false: Object start time can't be adjusted. {#r_TLS-getAllowXDragLeft__ul_qfg_d12_n1c} |
[Table 8. Returns]

{#r_TLS-getAllowXDragLeft__table_fh2_5bs_zt}

## TimelineSpan - getAllowXDragRight() {#ariaid-title6}

Returns the boolean value of the AllowXDragRight
property.
{#r_TLS-getAllowXDragRight__table_gh2_5bs_zt__entry__3}

| Name | Type | Description |
|-|-|-|
| None |   |   |
[Table 9. Parameters]

{#r_TLS-getAllowXDragRight__table_gh2_5bs_zt} {#r_TLS-getAllowXDragRight__table_hh2_5bs_zt__entry__2}

| Type | Description |
|-|-|
| Boolean | Flag that indicates whether the object's end time can be adjusted. Valid values: * true: Object end time can be adjusted. * false: Object end time can't be adjusted. {#r_TLS-getAllowXDragRight__ul_qfg_d12_n1c} |
[Table 10. Returns]

{#r_TLS-getAllowXDragRight__table_hh2_5bs_zt}

## TimelineSpan - getAllowXMove() {#ariaid-title7}

Returns the boolean value of the AllowXMove property.
{#r_TLS-getAllowXMove__table_ih2_5bs_zt__entry__3}

| Name | Type | Description |
|-|-|-|
| None |   |   |
[Table 11. Parameters]

{#r_TLS-getAllowXMove__table_ih2_5bs_zt} {#r_TLS-getAllowXMove__table_jh2_5bs_zt__entry__2}

| Type | Description |
|-|-|
| Boolean | Flag that indicates whether the object can be moved horizontally. Valid values: * true: Object can be moved horizontally. * false: Object can't be moved horizontally. {#r_TLS-getAllowXMove__ul_qfg_d12_n1c} |
[Table 12. Returns]

{#r_TLS-getAllowXMove__table_jh2_5bs_zt}

## TimelineSpan - getAllowYMove() {#ariaid-title8}

Returns the boolean value of the AllowYMove property.
{#r_TLS-getAllowYMove__table_qhw_gds_zt__entry__3}

| Name | Type | Description |
|-|-|-|
| None |   |   |
[Table 13. Parameters]

{#r_TLS-getAllowYMove__table_qhw_gds_zt} {#r_TLS-getAllowYMove__table_rhw_gds_zt__entry__2}

| Type | Description |
|-|-|
| Boolean | Flag that indicates whether the object can be moved vertically. Valid values: * true: Object can be moved vertically. * false: Object can't be moved vertically. {#r_TLS-getAllowYMove__ul_qfg_d12_n1c} |
[Table 14. Returns]

{#r_TLS-getAllowYMove__table_rhw_gds_zt}

## TimelineSpan - getAllowYMovePredecessor() {#ariaid-title9}

Returns the boolean value of the AllowYMovePredecessor
property.
{#r_TLS-getAllowYMovePredecessor__table_shw_gds_zt__entry__3}

| Name | Type | Description |
|-|-|-|
| None |   |   |
[Table 15. Parameters]

{#r_TLS-getAllowYMovePredecessor__table_shw_gds_zt} {#r_TLS-getAllowYMovePredecessor__table_thw_gds_zt__entry__2}

| Type | Description |
|-|-|
| Boolean | Flag that indicates whether the a dashed relationship line can be drawn from the current object to a new successor. Valid values: * true: Dashed relationship line can be drawn from the current object to a new successor. * false: Dashed relationship line can't be drawn from the current object to a new successor. {#r_TLS-getAllowYMovePredecessor__ul_qfg_d12_n1c} |
[Table 16. Returns]

{#r_TLS-getAllowYMovePredecessor__table_thw_gds_zt}

## TimelineSpan - getInnerSegmentClass() {#ariaid-title10}

Returns the name of the current inner segment class for the time line span.
{#r_TLS-getInnerSegmentClass__table_whw_gds_zt__entry__3}

| Name | Type | Description |
|-|-|-|
| None |   |   |
[Table 17. Parameters]

{#r_TLS-getInnerSegmentClass__table_whw_gds_zt} {#r_TLS-getInnerSegmentClass__table_xhw_gds_zt__entry__2}

| Type | Description |
|-|-|
| String | Name of the class for the current inner segment style. |
[Table 18. Returns]

{#r_TLS-getInnerSegmentClass__table_xhw_gds_zt}

## TimelineSpan - getInnerSegmentEndTimeMs() {#ariaid-title11}

Returns the time in milliseconds of the end time of the inner segment portion of the timeline span.
{#r_TLS-getInnerSegmentEndTimeMs__table_yhw_gds_zt__entry__3}

| Name | Type | Description |
|-|-|-|
| None |   |   |
[Table 19. Parameters]

{#r_TLS-getInnerSegmentEndTimeMs__table_yhw_gds_zt} {#r_TLS-getInnerSegmentEndTimeMs__table_zhw_gds_zt__entry__2}

| Type | Description |
|-|-|
| Number | End time of the timeline span inner segment portion. Unit: Milliseconds |
[Table 20. Returns]

{#r_TLS-getInnerSegmentEndTimeMs__table_zhw_gds_zt}

## TimelineSpan - getInnerSegmentStartTimeMs() {#ariaid-title12}

Returns the time in milliseconds of the start time of the inner segment portion of the timeline span.
{#r_TLS-getInnerSegmentStartTimeMs__table_a3w_gds_zt__entry__3}

| Name | Type | Description |
|-|-|-|
| None |   |   |
[Table 21. Parameters]

{#r_TLS-getInnerSegmentStartTimeMs__table_a3w_gds_zt} {#r_TLS-getInnerSegmentStartTimeMs__table_b3w_gds_zt__entry__2}

| Type | Description |
|-|-|
| Number | Start time of the timeline span inner segment portion. Unit: Milliseconds |
[Table 22. Returns]

{#r_TLS-getInnerSegmentStartTimeMs__table_b3w_gds_zt}

## TimelineSpan - getIsChanged() {#ariaid-title13}

Returns a boolean that specifies whether or not the current timeline item has been modified after initialization.
{#r_TLS-getIsChanged__table_nbm_g2s_zt__entry__3}

| Name | Type | Description |
|-|-|-|
| None |   |   |
[Table 23. Parameters]

{#r_TLS-getIsChanged__table_nbm_g2s_zt} {#r_TLS-getIsChanged__table_obm_g2s_zt__entry__2}

| Type | Description |
|-|-|
| Boolean | Flag that indicates whether the current span has been marked as changed. Valid values: * true: Marked as changed. * false: Not marked as changed. {#r_TLS-getIsChanged__ul_qfg_d12_n1c} |
[Table 24. Returns]

{#r_TLS-getIsChanged__table_obm_g2s_zt}

## TimelineSpan - getPointIconClass() {#ariaid-title14}

Returns a string that specifies the name of the icon class to use for displaying the
element on the timeline if the current instance has zero duration.
{#r_TLS-getPointIconClass__table_pbm_g2s_zt__entry__3}

| Name | Type | Description |
|-|-|-|
| None |   |   |
[Table 25. Parameters]

{#r_TLS-getPointIconClass__table_pbm_g2s_zt} {#r_TLS-getPointIconClass__table_qbm_g2s_zt__entry__2}

| Type | Description |
|-|-|
| String | Name of the icon class to use for displaying the current timeline span if the duration is zero. |
[Table 26. Returns]

{#r_TLS-getPointIconClass__table_qbm_g2s_zt}

## TimelineSpan - getPredecessors() {#ariaid-title15}

Returns an array of all the predecessor objects associated with the current instance. Each array object is a HashMap that contains a `predecessor_sys_id` and `relationship_sys_id`
property.
{#r_TLS-getPredecessors__table_rbm_g2s_zt__entry__3}

| Name | Type | Description |
|-|-|-|
| None |   |   |
[Table 27. Parameters]

{#r_TLS-getPredecessors__table_rbm_g2s_zt} {#r_TLS-getPredecessors__table_sbm_g2s_zt__entry__2}

| Type | Description |
|-|-|
| Object Array | List of HashMaps that contain two internal properties: `predecessor_sys_id` and `relationship_sys_id`. |
[Table 28. Returns]

{#r_TLS-getPredecessors__table_sbm_g2s_zt}

## TimelineSpan - getSpanColor() {#ariaid-title16}

Returns the string name of the background color specified for displaying this span.
{#r_TLS-getSpanColor__table_tbm_g2s_zt__entry__3}

| Name | Type | Description |
|-|-|-|
| None |   |   |
[Table 29. Parameters]

{#r_TLS-getSpanColor__table_tbm_g2s_zt} {#r_TLS-getSpanColor__table_ubm_g2s_zt__entry__2}

| Type | Description |
|-|-|
| String | HTML color name to use as the background color for the element. |
[Table 30. Returns]

{#r_TLS-getSpanColor__table_ubm_g2s_zt}

## TimelineSpan - getSpanText() {#ariaid-title17}

Returns the string that specifies the text to display adjacent to the time element.
Note:  
This text only displays if the GlideTimeline object has enabled timeline text defined using the `glideTimeline.showTimelineText(true)` method.
{#r_TLS-getSpanText__table_vbm_g2s_zt__entry__3}

| Name | Type | Description |
|-|-|-|
| None |   |   |
[Table 31. Parameters]

{#r_TLS-getSpanText__table_vbm_g2s_zt} {#r_TLS-getSpanText__table_wbm_g2s_zt__entry__2}

| Type | Description |
|-|-|
| String | Text displayed adjacent to the element. |
[Table 32. Returns]

{#r_TLS-getSpanText__table_wbm_g2s_zt}

## TimelineSpan - getStartTimeMs() {#ariaid-title18}

Returns the start time in milliseconds of the current TimelineSpan object.
{#r_TLS-getStartTimeMs__table_xbm_g2s_zt__entry__3}

| Name | Type | Description |
|-|-|-|
| None |   |   |
[Table 33. Parameters]

{#r_TLS-getStartTimeMs__table_xbm_g2s_zt} {#r_TLS-getStartTimeMs__table_ybm_g2s_zt__entry__2}

| Type | Description |
|-|-|
| Number | Start time of the element. Unit: Milliseconds |
[Table 34. Returns]

{#r_TLS-getStartTimeMs__table_ybm_g2s_zt}

## TimelineSpan - getSysId() {#ariaid-title19}

Returns the sys_id of the current object.
This method is useful for returning the sys_id when the current object instance was created without a specific sys_id to obtain the dynamically generated GUID.
{#r_TLS-getSysId__table_bzv_rfs_zt__entry__3}

| Name | Type | Description |
|-|-|-|
| None |   |   |
[Table 35. Parameters]

{#r_TLS-getSysId__table_bzv_rfs_zt} {#r_TLS-getSysId__table_czv_rfs_zt__entry__2}

| Type | Description |
|-|-|
| String | Unique sys_id of the current element. |
[Table 36. Returns]

{#r_TLS-getSysId__table_czv_rfs_zt}

## TimelineSpan - getTable() {#ariaid-title20}

Returns the name of the table where the sys_id is referenced.
{#r_TLS-getTable__table_dzv_rfs_zt__entry__3}

| Name | Type | Description |
|-|-|-|
| None |   |   |
[Table 37. Parameters]

{#r_TLS-getTable__table_dzv_rfs_zt} {#r_TLS-getTable__table_ezv_rfs_zt__entry__2}

| Type | Description |
|-|-|
| String | Table name. |
[Table 38. Returns]

{#r_TLS-getTable__table_ezv_rfs_zt}

## TimelineSpan - getTooltip() {#ariaid-title21}

Returns the text/html to display in the tooltip when the TimelineSpan element is being hovered over.
{#r_TLS-getTooltip__table_fzv_rfs_zt__entry__3}

| Name | Type | Description |
|-|-|-|
| None |   |   |
[Table 39. Parameters]

{#r_TLS-getTooltip__table_fzv_rfs_zt} {#r_TLS-getTooltip__table_gzv_rfs_zt__entry__2}

| Type | Description |
|-|-|
| String | Tooltip text. |
[Table 40. Returns]

{#r_TLS-getTooltip__table_gzv_rfs_zt}

## TimelineSpan - setAllowXDragLeft(Boolean bFlag) {#ariaid-title22}

Sets a flag that determines whether the element's start date can be dragged left or right
therefore adjusting the duration of the task.
The effect of this behavior is controlled by the script include that handles the appropriate event. The default value for this property is false.
{#r_TLS-setAllowXDragLeft_B__table_hzv_rfs_zt__entry__3}

| Name | Type | Description |
|-|-|-|
| bFlag | Boolean | Flag that indicates whether the element's start date can be adjusted. Valid values: * true: Start date can be adjusted. * false: Start date can't be adjusted. {#r_TLS-setAllowXDragLeft_B__ul_qfg_d12_n1c} |
[Table 41. Parameters]

{#r_TLS-setAllowXDragLeft_B__table_hzv_rfs_zt} {#r_TLS-setAllowXDragLeft_B__table_izv_rfs_zt__entry__2}

| Type | Description |
|-|-|
| void |   |
[Table 42. Returns]

{#r_TLS-setAllowXDragLeft_B__table_izv_rfs_zt}

## TimelineSpan - setAllowXDragRight(Boolean bFlag) {#ariaid-title23}

Sets a flag that determines whether the element's end date can be dragged left or right
therefore adjusting the duration of the task.
The effect of this behavior is controlled by the script include that handles the appropriate event. The default value for this property is false.
{#r_TLS-setAllowXDragRight_B__table_jzv_rfs_zt__entry__3}

| Name | Type | Description |
|-|-|-|
| bFlag | Boolean | Flag that indicates whether the element's end date can be adjusted. Valid values: * true: End date can be adjusted. * false: End date can't be adjusted. {#r_TLS-setAllowXDragRight_B__ul_qfg_d12_n1c} |
[Table 43. Parameters]

{#r_TLS-setAllowXDragRight_B__table_jzv_rfs_zt} {#r_TLS-setAllowXDragRight_B__table_kzv_rfs_zt__entry__2}

| Type | Description |
|-|-|
| void |   |
[Table 44. Returns]

{#r_TLS-setAllowXDragRight_B__table_kzv_rfs_zt}

## TimelineSpan - setAllowXMove(Boolean bFlag ) {#ariaid-title24}

Sets a flag that determines whether the element can be moved to start at a different
time.
The effect of this behavior is controlled by the script include that handles the appropriate event. The default value for this property is false.
{#r_TLS-setAllowXMove_B__table_lzv_rfs_zt__entry__3}

| Name | Type | Description |
|-|-|-|
| bFlag | Boolean | Flag that indicates whether the element can be moved horizontally. Valid values: * true: Element can be moved horizontally. * false: Element can't be moved horizontally. {#r_TLS-setAllowXMove_B__ul_qfg_d12_n1c} |
[Table 45. Parameters]

{#r_TLS-setAllowXMove_B__table_lzv_rfs_zt} {#r_TLS-setAllowXMove_B__table_mzv_rfs_zt__entry__2}

| Type | Description |
|-|-|
| void |   |
[Table 46. Returns]

{#r_TLS-setAllowXMove_B__table_mzv_rfs_zt}

## TimelineSpan - setAllowYMove(Boolean bFlag ) {#ariaid-title25}

Sets a flag that determines whether the element can be dragged vertically on the
timeline.
The effect of this behavior is controlled by the script include that handles the appropriate event. The default value for this property is false.
{#r_TLS-setAllowYMove_B__table_hgg_sgs_zt__entry__3}

| Name | Type | Description |
|-|-|-|
| bFlag | Boolean | Flag that indicates whether the element can be moved vertically. Valid values: * true: Element can be moved vertically. * false: Element can't be moved vertically. {#r_TLS-setAllowYMove_B__ul_qfg_d12_n1c} |
[Table 47. Parameters]

{#r_TLS-setAllowYMove_B__table_hgg_sgs_zt} {#r_TLS-setAllowYMove_B__table_igg_sgs_zt__entry__2}

| Type | Description |
|-|-|
| void |   |
[Table 48. Returns]

{#r_TLS-setAllowYMove_B__table_igg_sgs_zt}

## TimelineSpan - setAllowYMovePredecessor(Boolean bFlag) {#ariaid-title26}

Sets a flag that determines whether a dashed relationship line can be drawn from this
element interactively on the timeline.
The effect of this behavior is controlled by the script include that handles the appropriate event. The default value for this property is false.
{#r_TLS-setAllowYMovePredecessor_B__table_jgg_sgs_zt__entry__3}

| Name | Type | Description |
|-|-|-|
| bFlag | Boolean | Flag that indicates whether the a dashed relationship line can be drawn from the current object to a new successor. Valid values: * true: Dashed relationship line can be drawn from the current object to a new successor. * false: Dashed relationship line can't be drawn from the current object to a new successor. {#r_TLS-setAllowYMovePredecessor_B__ul_qfg_d12_n1c} |
[Table 49. Parameters]

{#r_TLS-setAllowYMovePredecessor_B__table_jgg_sgs_zt} {#r_TLS-setAllowYMovePredecessor_B__table_kgg_sgs_zt__entry__2}

| Type | Description |
|-|-|
| void |   |
[Table 50. Returns]

{#r_TLS-setAllowYMovePredecessor_B__table_kgg_sgs_zt}

## TimelineSpan - setInnerSegmentClass(String styleClass) {#ariaid-title27}

Sets the name of the class to use for stylizing the inner segment if it exists.
{#r_TLS-setInnerSegmentClass_S__table_lgg_sgs_zt__entry__3}

| Name | Type | Description |
|-|-|-|
| styleClass | String | Name of the color class to use to stylize the inner segment. Valid values: * blue * green * silver {#r_TLS-setInnerSegmentClass_S__ul_xtm_yd2_n1c}Default: green |
[Table 51. Parameters]

{#r_TLS-setInnerSegmentClass_S__table_lgg_sgs_zt} {#r_TLS-setInnerSegmentClass_S__table_mgg_sgs_zt__entry__2}

| Type | Description |
|-|-|
| void |   |
[Table 52. Returns]

{#r_TLS-setInnerSegmentClass_S__table_mgg_sgs_zt}

## TimelineSpan - setInnerSegmentTimeSpan(Number startTimeMs, Number endTimeMs) {#ariaid-title28}

Creates an inner segment to show within the current timespan defined by the specified range.
{#r_TLS-setInnerSegmentTimeSpan_N_N__table_ngg_sgs_zt__entry__3}

| Name | Type | Description |
|-|-|-|
| startTimeMs | Number | Start time. Unit: Milliseconds |
| endTimeMs | Number | End time. Unit: Milliseconds |
[Table 53. Parameters]

{#r_TLS-setInnerSegmentTimeSpan_N_N__table_ngg_sgs_zt} {#r_TLS-setInnerSegmentTimeSpan_N_N__table_ogg_sgs_zt__entry__2}

| Type | Description |
|-|-|
| void |   |
[Table 54. Returns]

{#r_TLS-setInnerSegmentTimeSpan_N_N__table_ogg_sgs_zt}

## TimelineSpan - setPointIconClass(String iconClassName) {#ariaid-title29}

Sets the icon class to use for displaying the current element on the timeline if the current instance has zero duration.
Note:  
This only affects the current TimelineSpan object and will take precedence over the defaultPointIconClass specified by the GlideTimeline.
{#r_TLS-setPointIconClass_S__table_pgg_sgs_zt__entry__3}

| Name | Type | Description |
|-|-|-|
| iconClassName | String | Icon class to use to display the current element on the timeline if the current instance has zero duration. Valid values: * `black_circle` * `black_square` * `blue_circle` * `blue_square` * `green_circle` * `green_square` * `milestone` * `red_circle` * `red_square` * `sepia_circle` * `sepia_square` {#r_TLS-setPointIconClass_S__ul_l1n_j22_n1c} |
[Table 55. Parameters]

{#r_TLS-setPointIconClass_S__table_pgg_sgs_zt} {#r_TLS-setPointIconClass_S__table_qgg_sgs_zt__entry__2}

| Type | Description |
|-|-|
| void |   |
[Table 56. Returns]

{#r_TLS-setPointIconClass_S__table_qgg_sgs_zt}

## TimelineSpan - setSpanColor(String strColor) {#ariaid-title30}

Sets the color for displaying this span.
{#r_TLS-setSpanColor_S__table_rgg_sgs_zt__entry__3}

| Name | Type | Description |
|-|-|-|
| strColor | String | HTML name for the color of this span. |
[Table 57. Parameters]

{#r_TLS-setSpanColor_S__table_rgg_sgs_zt} {#r_TLS-setSpanColor_S__table_sgg_sgs_zt__entry__2}

| Type | Description |
|-|-|
| void |   |
[Table 58. Returns]

{#r_TLS-setSpanColor_S__table_sgg_sgs_zt}

## TimelineSpan - setSpanText(String strSpanText) {#ariaid-title31}

Sets the text to display adjacent to the time element.
Note:  
This text only displays if the GlideTimeline object has enabled timeline text set using the glideTimeline.showTimelineText(true) method.
{#r_TLS-setSpanText_S__table_wqd_l3s_zt__entry__3}

| Name | Type | Description |
|-|-|-|
| strSpanText | String | Text to display next to the time element. |
[Table 59. Parameters]

{#r_TLS-setSpanText_S__table_wqd_l3s_zt} {#r_TLS-setSpanText_S__table_xqd_l3s_zt__entry__2}

| Type | Description |
|-|-|
| void |   |
[Table 60. Returns]

{#r_TLS-setSpanText_S__table_xqd_l3s_zt}

## TimelineSpan - setTimeSpan(Number nStartTime, Number nEndTimeMs) {#ariaid-title32}

Sets the start and end dates for the current span.
{#r_TLS-setTimeSpan_N_N__table_yqd_l3s_zt__entry__3}

| Name | Type | Description |
|-|-|-|
| nStartTime | Number | Start time. Unit: Milliseconds |
| nEndTimeMs | Number | End time. Unit: Milliseconds |
[Table 61. Parameters]

{#r_TLS-setTimeSpan_N_N__table_yqd_l3s_zt} {#r_TLS-setTimeSpan_N_N__table_zqd_l3s_zt__entry__2}

| Type | Description |
|-|-|
| void |   |
[Table 62. Returns]

{#r_TLS-setTimeSpan_N_N__table_zqd_l3s_zt}

## TimelineSpan - setTimeSpan(String strStartTime, String strEndTimeMs) {#ariaid-title33}

Sets the start and end times for the current span.
{#r_TLS-setTimeSpan_S_S__table_yqd_l3s_zt__entry__3}

| Name | Type | Description |
|-|-|-|
| strStartTime | String | Start time. Unit: Milliseconds |
| strEndTimeMs | String | End time. Unit: Milliseconds |
[Table 63. Parameters]

{#r_TLS-setTimeSpan_S_S__table_yqd_l3s_zt} {#r_TLS-setTimeSpan_S_S__table_zqd_l3s_zt__entry__2}

| Type | Description |
|-|-|
| void |   |
[Table 64. Returns]

{#r_TLS-setTimeSpan_S_S__table_zqd_l3s_zt}

## TimelineSpan - setTooltip(String strTooltipText) {#ariaid-title34}

Sets the text to display in the tooltip when the TimelineSpan element is being hovered over.
{#r_TLS-setTooltip_S__table_ard_l3s_zt__entry__3}

| Name | Type | Description |
|-|-|-|
| strTooltipText | String | Text to display in the tooltip. Note: You can specify valid HTML in this string. |
[Table 65. Parameters]

{#r_TLS-setTooltip_S__table_ard_l3s_zt} {#r_TLS-setTooltip_S__table_brd_l3s_zt__entry__2}

| Type | Description |
|-|-|
| void |   |
[Table 66. Returns]

{#r_TLS-setTooltip_S__table_brd_l3s_zt}